html {
	height: 100%;
	overflow: hidden;
}

body, html,
h1, h2, h3,
h4, h5, h6,
p, ul, ol, li {
	margin: 0;
	padding: 0;
	font-family: 'Linotte-Regular', sans-serif;
	font-weight: normal;
	color: #232323;
}

body {
	background-color: #f4f4f4;
}

body.overlay {
	position: relative;
	overflow: hidden;
}

body.overlay:after {
	content: ' ';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #FFF;
	opacity: 0.6;
	z-index: 9998;
}

textarea,
button,
input[type=text],
input[type=email],
input[type=password],
select {
	background-color: transparent;
	outline: none;
	border: 1px solid #c3c3c3;
	padding: 5px;
	background: #ffffff;
}

.button-link {
    background-color: #186aac !important;
    color: white !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    display: inline-block !important;
    text-align: center !important;
    font-weight: bold !important;
}

textarea:focus, textarea:active,
button:focus,
button:active,
input[type=text]:focus,
input[type=text]:active,
input[type=email]:focus,
input[type=email]:active,
input[type=password]:focus,
input[type=password]:active,
select:focus,
select:active {
	border-color: #ababab;
}

textarea {
	resize: vertical;
}

.page-content {
	margin-left: 260px;
}

.footer {
	padding: 20px 10px;
	font-size: .9em;
	text-align: center;
}

.footer p {
	color: #949494;
}

@font-face {
	font-family: 'Linotte-Regular';
	src: url("../fonts/307BC1_0_0.eot");
	src: url("../fonts/307BC1_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/307BC1_0_0.woff2") format("woff2"), url("../fonts/307BC1_0_0.woff") format("woff"), url("../fonts/307BC1_0_0.ttf") format("truetype");
}

@font-face {
	font-family: 'linottesemibold';
	src: url("../fonts/Linotte-SemiBold-webfont.eot");
	src: url("../fonts/Linotte-SemiBold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Linotte-SemiBold-webfont.woff2") format("woff2"), url("../fonts/Linotte-SemiBold-webfont.woff") format("woff"), url("../fonts/Linotte-SemiBold-webfont.ttf") format("truetype"), url("../fonts/Linotte-SemiBold-webfont.svg#linottesemibold") format("svg");
	font-weight: normal;
	font-style: normal;
}

.content .one-row {
	position: relative;
	margin: 1%;
	width: 98%;
	height: auto;
	overflow: hidden;
	clear: both;
	float: none;
}

.content .one-row .col {
	float: left;
	height: auto;
	margin: 2px 0.5%;
}

.content .one-row .col-1 {
	width: 7.33%;
}

.content .one-row .col-2 {
	width: 15.66%;
}

.content .one-row .col-3 {
	width: 24%;
}

.content .one-row .col-4 {
	width: 32.33%;
}

.content .one-row .col-5 {
	width: 40.67%;
}

.content .one-row .col-6 {
	width: 49%;
}

.content .one-row .col-7 {
	width: 57.33%;
}

.content .one-row .col-8 {
	width: 65.66%;
}

.content .one-row .col-9 {
	width: 74%;
}

.content .one-row .col-10 {
	width: 82.33%;
}

.content .one-row .col-11 {
	width: 90.66%;
}

.content .one-row .col-12 {
	width: 99%;
}

.content .one-row.topspace {
	margin-top: 40px;
}

.ent-dashboard .content .one-row .button.user-settings-btn, .ent-dashboard .content .one-row .button.user-comparison-btn {
    display: none;
}

.sidebar {
	position: fixed;
	width: 260px;
	background-color: #232323;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 99;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: all 200ms cubic-bezier(0.2, 0, 0, 1) 0s;
	-moz-transition: all 200ms cubic-bezier(0.2, 0, 0, 1) 0s;
	-o-transition: all 200ms cubic-bezier(0.2, 0, 0, 1) 0s;
	transition: all 200ms cubic-bezier(0.2, 0, 0, 1) 0s;
}
.sidebar.hidden {
	display: none;
}

.nav-collapsed .sidebar,
.nav-collapsed .sidebar .sidebar-nav .main-navigation.lower,
.nav-collapsed .sidebar .sidebar-nav .main-navigation.bottom {
	width: 85px;
}
.nav-collapsed .page-content,
.nav-collapsed .header {
	margin-left: 85px;
	width: calc(100% - 85px);
}
.nav-collapsed .sidebar .inner-wrap .sidebar-nav .nav-text,
.nav-collapsed .sidebar .inner-wrap .sidebar-nav .main-navigation li i.fa,
.nav-collapsed .sidebar #toggle-button .fa-angle-left,
.nav-collapsed .sidebar .inner-wrap .logo.text {
	display: none;
}
.nav-collapsed .sidebar #toggle-button .fa-angle-right {
	display: block;
}

.nav-collapsed .agent_application tbody tr td:nth-child(1),
.nav-collapsed .agent_application tbody tr th:nth-child(1),
.nav-collapsed .agent_application thead tr td:nth-child(1),
.nav-collapsed .agent_application thead tr th:nth-child(1) {
	width: 50%;
	padding: 10px 65px;
}
.nav-collapsed .agent_application tbody tr td:nth-child(2),
.nav-collapsed .agent_application tbody tr th:nth-child(2),
.nav-collapsed .agent_application thead tr td:nth-child(2),
.nav-collapsed .agent_application thead tr th:nth-child(2) {
	width: 50%;
	padding: 10px 65px;
}

.nav-collapsed.nav-hover .sidebar,
.nav-collapsed.nav-hover .sidebar .sidebar-nav .main-navigation.lower,
.nav-collapsed.nav-hover .sidebar .sidebar-nav .main-navigation.bottom {
	width: 260px;
}
.emp-dashboard.nav-collapsed.nav-hover .sidebar,
.emp-dashboard.nav-collapsed.nav-hover .sidebar .sidebar-nav .main-navigation.lower,
.emp-dashboard.nav-collapsed.nav-hover .sidebar .sidebar-nav .main-navigation.bottom {
	width: 230px;
}
.nav-collapsed.nav-hover .sidebar .inner-wrap .sidebar-nav .nav-text,
.nav-collapsed.nav-hover .sidebar #toggle-button .fa-angle-left {
	display: block;
}
.nav-collapsed.nav-hover .sidebar .inner-wrap .logo.text {
	display: inline;
}
.nav-collapsed.nav-hover .sidebar #toggle-button .fa-angle-left {
	display: none;
}

.sidebar #toggle-button {
	height: 24px;
	width: 24px;
	position: absolute;
    top: 24px;
	left: 100%;
	border: 0px;
    border-radius: 50%;
	cursor: pointer;
	color: rgb(107, 119, 140);
	background: 0px center white;
    box-shadow: rgba(9, 30, 66, 0.08) 0px 0px 0px 1px, rgba(9, 30, 66, 0.08) 0px 2px 4px 1px;
    transition: background-color 100ms linear 0s, color 100ms linear 0s, opacity 300ms cubic-bezier(0.2, 0, 0, 1) 0s, transform 300ms cubic-bezier(0.2, 0, 0, 1) 0s;
    transform: translate(-50%);
}
.sidebar #toggle-button:hover {
	background: 0px center #2f8acb;
	color: white;
}
.sidebar #toggle-button .fa {
	font-weight: bolder;
}
.sidebar #toggle-button .fa-angle-right {
	display: none;
}

.sidebar .inner-wrap {
	position: relative;
	width: 100%;
	float: right;
	height: auto;
	overflow: hidden;
}

.sidebar .inner-wrap #logo-holder {
	height: 72px;
	display: block;
	overflow: hidden;
	color: transparent;
}
.sidebar .inner-wrap .logo {
	position: relative;
	display: inline;
	width: 35px;
	margin: 36px 40px 36px auto;
}
.sidebar .inner-wrap .logo.text {
	top: -7px;
	margin-left: 5px;
	width: 130px;
}

.sidebar .inner-wrap .sidebar-nav {
	position: relative;
	width: 110%;
	height: auto;
}

.sidebar .inner-wrap .sidebar-nav .main-navigation li {
	list-style: none;
	position: relative;
	width: auto;
	height: auto;
	display: block;
	overflow: hidden;
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}

.sidebar .inner-wrap .sidebar-nav .main-navigation li:hover {
	background-color: #282828;
}

.sidebar .inner-wrap .sidebar-nav .main-navigation li:hover a {
	color: white;
}

.sidebar .inner-wrap .sidebar-nav .main-navigation li:hover a .icon {
	opacity: 1;
}

.sidebar .inner-wrap .sidebar-nav .main-navigation li.active {
	background-color: rgba(255, 255, 255, 0.07);
}

.sidebar .inner-wrap .sidebar-nav .main-navigation li.active a {
	color: white;
}

.sidebar .inner-wrap .sidebar-nav .main-navigation li.active a .icon {
	opacity: 1;
}

.sidebar .inner-wrap .sidebar-nav .main-navigation li a {
	overflow: hidden;
	padding: 18px 30px;
	float: left;
	width: 170px;
	height: auto;
	display: block;
	line-height: 30px;
	vertical-align: middle;
	text-decoration: none;
	color: rgba(255, 255, 255, 0.5);
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sidebar .inner-wrap .sidebar-nav .main-navigation li ul li a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sidebar .inner-wrap .sidebar-nav .icon {
	float: left;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	margin-right: 8px;
	background-size: 100%;
	opacity: 0.5;
}

.sidebar .inner-wrap .sidebar-nav .icon.icon-dashboard {
	background-image: url("../img/icons/dashboard.svg");
}

.sidebar .inner-wrap .sidebar-nav .icon.icon-enterprise-dashboard {
	background-image: url("../img/icons/enterprise-dashboard.png");
}

.sidebar .inner-wrap .sidebar-nav .icon.icon-hierachy {
	background-image: url("../img/hierarchy/side-nav.png");
}
.sidebar .inner-wrap .sidebar-nav .icon.icon-prodolabs {
	background-image: url("../img/icons/prodolabs.svg");
}
.sidebar .inner-wrap .sidebar-nav .icon.icon-managers {
	background-image: url("../img/icons/managers.svg");
}

.sidebar .inner-wrap .sidebar-nav .icon.icon-employees {
	background-image: url("../img/icons/employees.svg");
}

.sidebar .inner-wrap .sidebar-nav .icon.icon-workplace {
	background-image: url("../img/icons/location-prod.svg");
}

.sidebar .inner-wrap .sidebar-nav .icon.icon-analytics-department {
	background-image: url("../img/icons/analytics-department.png");
}

.sidebar .inner-wrap .sidebar-nav .icon.icon-bulk-add {
	background-image: url("../img/icons/upload-svgrepo-com.svg");
}

.sidebar .inner-wrap .sidebar-nav .icon.icon-settings {
	background-image: url("../img/icons/settings.svg");
}

.sidebar .inner-wrap .sidebar-nav .icon.icon-mysettings {
	background-image: url("../img/icons/user.svg");
}

.sidebar .inner-wrap .sidebar-nav .icon.icon-user-roles {
	background-image: url("../img/icons/user-roles.svg");
}

.sidebar .inner-wrap .sidebar-nav .icon.icon-my-prodoscore {
	background-image: url("../img/icons/my-prodoscore.svg");
}

.sidebar .inner-wrap .sidebar-nav .icon.icon-recommendations {
	background-image: url("../img/icons/recommendations.svg");
	height: 33px;
}

.sidebar .inner-wrap .sidebar-nav .icon.icon-focus {
	background-image: url("../img/icons/focus.png");
}

.sidebar .inner-wrap .sidebar-nav .icon.icon-alert {
	background-image: url("../img/icons/notification.svg");
}

.sidebar .inner-wrap .sidebar-nav .icon.icon-feedback-2 {
	background-image: url("../img/icons/chat.svg");
}

.sidebar .inner-wrap .sidebar-nav .icon.icon-org-cal {
	background-image: url("../img/icons/calendar.svg");
}

.sidebar .inner-wrap .sidebar-nav .icon.icon-org-adv-pattern {
	background-image: url("../img/icons/adv-pattern.svg");
}

.sidebar .inner-wrap .sidebar-nav .icon.icon-org-adv-workhabit {
	background-image: url("../img/icons/adv-workhabit.svg");
}


.sidebar .inner-wrap .sidebar-nav .icon.icon-management {
	background-image: url("../img/icons/management.svg");
}

.icon.icon-arrow-right {
	background-image: url("../img/icons/right-chevron.svg");
}

.icon.icon-arrow-left {
	background-image: url("../img/icons/chevron-pointing-to-the-left.svg");
}

.calendar_con{
	/*border:1px solid black;*/
	width:700px;
	height:300px;
	margin:0 auto;
}

.calendar_con>svg{
	/*border:0.2px solid black;*/
	width:700px;
	height:300px;

}
.calendar_con .change_date_con .icon {
	bottom: -152px;
	cursor: pointer;
}
.calendar_months {
	border: none !important;
    color: black;
    -webkit-appearance: none;
    -moz-appearance: none;
	font-size: larger;
	height: 43px !important;
	margin-left: 34%;
}

.calendar_con .change_date_con .icon.icon-arrow-right {
	right: 128px;
}
.calendar_con .change_date_con .icon.icon-arrow-left {
	left: 50px;
}
.header {
	max-height: 72px;
	background-color: white;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.07);
}

.header .header-left {
	float: left;
	margin-left: 1.5%;
}

.header .select-wrapper {
	display: inline-block;
}

.header .select-wrapper select {
	width: auto;
	height: 36px;
	padding: 0 10px;
	margin: 18px 0;
	font-family: linottesemibold;
	font-size: 16px;
}

.header .select-wrapper select option {
	padding: 10px;
}

.header .select-hidden {
	display: none;
	visibility: hidden;
}

.header .select {
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	font-size: 18px;
	color: #232323;
	width: 150px;
	height: 40px;
	margin-left: 1%;
	border: 1px solid #808080;
	border-radius: 3px;
}

.header .select-styled {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 12px 18px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.header .select-styled:after {
	content: "";
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-color: #232323 transparent transparent transparent;
	position: absolute;
	top: 16px;
	right: 15px;
}

.header .select-styled:hover {
	background-color: #fafafa;
}

.header .select-styled:active, .header .select-styled.active {
	background-color: #f2f2f2;
}

.header .select-styled:active:after, .header .select-styled.active:after {
	top: 9px;
	border-color: transparent transparent #1e86d9 transparent;
}

.header .select-options {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	z-index: 999;
	margin: 3px 0 0;
	padding: 0;
	list-style: none;
	background-color: #f2f2f2;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	overflow: hidden;
}

.header .select-options li {
	margin: 0;
	padding: 8px 0;
	text-indent: 15px;
	font-size: 16px;
	-webkit-transition: all 0.15s ease-in;
	-moz-transition: all 0.15s ease-in;
	-o-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in;
}

.header .select-options li:hover {
	color: #fff;
	background: #1e86d9;
}

.header .select-options li[rel="hide"] {
	display: none;
}

.header .date-picker {
	display: inline-block;
	vertical-align: middle;
	margin-left: 36px;
}

.header .label {
	font-size: 16px;
	margin-right: 6px;
	color: #808080;
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	vertical-align: middle;
}

.header .text-filed {
	vertical-align: middle;
	font-size: 14px;
	color: #232323;
	max-width: 120px;
	line-height: 1;
	padding: 6px 10px;
	box-sizing: border-box;
	height: 36px;
	border: none;
	border-top: 1px solid rgba(24, 24, 24, 0.5);
	background-color: #e2e2e2;
	padding: 4px 12px;
	box-sizing: border-box;
}

.header .button {
	margin-left: 12px;
	padding: 9px 18px;
}

.header .right-holder {
	float: right;
	width: auto;
	max-height: 72px;
	overflow: hidden;
}

.header .right-holder .user-name-wrap {
	padding: 0 20px;
	width: auto;
	height: inherit;
	float: left;
	cursor: default;
	-webkit-transition: background 0.5s ease-in;
	-moz-transition: background 0.5s ease-in;
	-o-transition: background 0.5s ease-in;
	transition: background 0.5s ease-in;
}

.header .right-holder .user-name-wrap .circle {
	position: relative;
	border-radius: 50%;
	width: 34px;
	height: 34px;
	display: block;
	float: left;
	margin: 17px 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.header .right-holder .user-name-wrap .circle p {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	line-height: 34px;
	font-weight: bold;
	color: white;
	font-size: 15px;
	position: relative;
	top: 0.1em;
}

.header .right-holder .user-name-wrap .circle.above, .header .right-holder .user-name-wrap .circle.blue {
	background-color: #1e86d9;
}

.header .right-holder .user-name-wrap .circle.baseline, .header .right-holder .user-name-wrap .circle.gray {
	background-color: #494949;
}

.header .right-holder .user-name-wrap .circle.below, .header .right-holder .user-name-wrap .circle.red {
	background-color: #f1433c;
}

.header .right-holder .user-name-wrap .user-name {
	display: none;
	float: left;
	width: auto;
	line-height: 72px;
	vertical-align: middle;
	color: rgba(35, 35, 35, 0.8);
}

.header .right-holder .logout {
	text-decoration: none;
	line-height: 72px;
	float: left;
	width: auto;
	padding: 0 28px;
	vertical-align: middle;
	color: rgba(35, 35, 35, 0.8);
	background-color: #f4f4f4;
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}

.header .right-holder .logout:hover {
	background-color: #e7e7e7;
}

.chart {
	width: 100%;
	height: 400px;
	margin-top: 10px;
	border-top: 1px solid rgba(24, 24, 24, 0.1);
	padding: 20px 0;
	box-sizing: border-box;
}

.button {
	vertical-align: middle;
	font-size: 14px;
	color: #fff;
	max-width: 120px;
	border: none;
	border-radius: 3px;
	line-height: 1.4;
	box-sizing: border-box;
	cursor: pointer;
	white-space: nowrap;
	user-select: none;
	appearance: none;
	text-align: center;
	background: #1e86d9;
	transition: 0.25s ease all;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 10px 18px;
}

.button:hover {
	background: #186aac;
}

.button.red {
	background-color: #f1433c;
}

.button.red:hover {
	background-color: #e91911;
}

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

.clear:after {
	clear: both;
}

.user-name-wrap .circle {
	position: relative;
	border-radius: 50%;
	width: 34px;
	height: 34px;
	display: block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.correlationsOrgData-wrap table .fa,
.corrWidget .card-table td span.fa {
	color: rgba(255, 255, 255, 0.8);
	font-size: 11pt;
}
.correlationsOrgData-wrap table .fa:before,
.corrWidget .card-table td span.fa:before {
	display: block;
	width: 21px;
	height: 21px;
	line-height: 21px;
	text-align: center;
}
.correlationsOrgData-wrap table .circle,
.corrWidget .card-table td span.circle {
	/*position: relative;*/
	display: inline-block;
	width: 21px;
	height: 21px;
	vertical-align: 0px;
	/*vertical-align: -1px;*/
	margin-right: 8px;
	border-radius: 50%;
}
.corrWidget .card-table td span.circle {
	vertical-align: -5px;
}

.correlationsOrgData-wrap table tr a.fa {
	background-color: transparent;
	margin: 0px -10px 0px 10px;
	opacity: 0;
	transition: opacity 0.35s;
}
.correlationsOrgData-wrap table tr a.fa.fa-times {
	color: #D48585;
}
.correlationsOrgData-wrap table tr a.fa.fa-check {
	color: #85D485;
}
.correlationsOrgData-wrap table tr:hover a.fa {
	opacity: 1;
}

.user-name-wrap .circle p {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	line-height: 35px;
	font-weight: bold;
	color: white;
	font-size: 15px;
	position: relative;
}

.user-name-wrap .circle.above, .user-name-wrap .circle.blue {
	background-color: #1e86d9;
}

.user-name-wrap .circle.baseline, .user-name-wrap .circle.gray {
	background-color: #494949;
}

.user-name-wrap .circle.below, .user-name-wrap .circle.red {
	background-color: #f1433c;
}

.wrap .circle {
	float: left;
	margin: 0 16px 0 28px;
}

.wrap .user-name {
	float: left;
	width: 200px;
	line-height: 34px;
	vertical-align: middle;
	font-size: 20px;
	color: #232323;
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.emp-status,
.main-status {
	float: right;
	width: auto;
	height: auto;
	overflow: hidden;
	margin-top: -28px;
}

.emp-status p,
.main-status p {
	margin: 12px 21px;
	font-family: "linotte-regular";
	float: left;
	width: auto;
	height: auto;
	font-size: 16px;
	line-height: 26px;
	vertical-align: middle;
}

.emp-status p.above, .emp-status p.increase,
.main-status p.above,
.main-status p.increase {
	color: #1e86d9;
}

.emp-status p.baseline, .emp-status p.same,
.main-status p.baseline,
.main-status p.same {
	color: #494949;
}

.emp-status p.below, .emp-status p.decrease,
.main-status p.below,
.main-status p.decrease {
	color: #f1433c;
}

.emp-status p.increase,
.main-status p.increase {
	color: #1e86d9;
}

.emp-status p.increase::before,
.main-status p.increase::before,
.emp-header .emp-status-details .delta.increase:before {
	background-image: url("../img/icons/arrow-up.png");
}

.emp-status p.decrease,
.main-status p.decrease {
	color: #f1433c;
}

.emp-status p.decrease::before,
.main-status p.decrease::before,
.emp-header .emp-status-details .delta.decrease:before {
	background-image: url("../img/icons/arrow-down.png");
}

.emp-status p.decrease::before, .emp-status p.increase::before,
.main-status p.decrease::before,
.main-status p.increase::before,
.emp-header .emp-status-details .delta.increase:before,
.emp-header .emp-status-details .delta.decrease:before {
	content: "";
	padding: 5px 8px;
	background-size: auto 100%;
	background-repeat: no-repeat;
	margin-top: -4px;
}

.emp-status p span,
.main-status p span {
	font-size: 24px;
}

.emp-status {
	float: none;
	width: auto;
	height: auto;
	overflow: hidden;
	margin: 0 0 0 100px;
}

.additional-details {
	width: auto;
	height: auto;
	display: inline-block;
}

.additional-details p {
	display: inline;
	line-height: 34px;
	vertical-align: middle;
	font-size: 16px;
	color: rgba(35, 35, 35, 0.8);
	margin: 0 24px;
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.additional-details p a {
	text-decoration: none;
	color: #1e86d9;
}

.additional-details p a:hover {
	color: #186aac;
}

.app-list {
	max-height: 279px;
	overflow-y: auto;
}
.app-list::-webkit-scrollbar,
#ip-scanner-wrapper .form-wrap::-webkit-scrollbar {
  width: 8px;
}
.app-list::-webkit-scrollbar-track,
#ip-scanner-wrapper .form-wrap::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
#ip-scanner-wrapper .form-wrap::-webkit-scrollbar-track {
  margin-bottom: -20px;
}
.app-list::-webkit-scrollbar-thumb,
#ip-scanner-wrapper .form-wrap::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}
.app-list::-webkit-scrollbar-thumb:hover,
#ip-scanner-wrapper .form-wrap::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.app-list,
.employee-list {
	width: 100%;
	height: auto;
	clear: both;
	margin-top: 10px;
	border-top: 1px solid rgba(24, 24, 24, 0.1);
	display: inline-block;
}

.app-list.halfsize li,
.employee-list.halfsize li {
	width: 50%;
	float: left;
}

.app-list li,
.employee-list li {
	list-style: none;
	height: auto;
	box-sizing: border-box;
	overflow: hidden;
	display: block;
}

.app-list li .element-wrapper,
.app-list li .table-view,
.app-list li a,
.employee-list li .element-wrapper,
.employee-list li .table-view,
.employee-list li a {
	padding: 8px 24px;
	margin: 0;
	display: block;
	overflow: hidden;
}

.app-list li .element-wrapper .right-holder,
.app-list li .table-view .right-holder,
.app-list li a .right-holder,
.employee-list li .element-wrapper .right-holder,
.employee-list li .table-view .right-holder,
.employee-list li a .right-holder {
	float: right;
	width: auto;
	height: auto;
	overflow: hidden;
}

.app-list li .element-wrapper .right-holder p,
.app-list li .table-view .right-holder p,
.app-list li a .right-holder p,
.employee-list li .element-wrapper .right-holder p,
.employee-list li .table-view .right-holder p,
.employee-list li a .right-holder p {
	line-height: 24px;
	vertical-align: middle;
	float: left;
	font-size: 14px;
}

.app-list li .element-wrapper .right-holder p.score,
.app-list li .table-view .right-holder p.score,
.app-list li a .right-holder p.score,
.employee-list li .element-wrapper .right-holder p.score,
.employee-list li .table-view .right-holder p.score,
.employee-list li a .right-holder p.score {
	font-size: 14px;
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	width: 90px;
	text-align: right;
}

.app-list li .element-wrapper .right-holder p.score span,
.app-list li .table-view .right-holder p.score span,
.app-list li a .right-holder p.score span,
.employee-list li .element-wrapper .right-holder p.score span,
.employee-list li .table-view .right-holder p.score span,
.employee-list li a .right-holder p.score span {
	font-size: 10px;
}

.app-list li .element-wrapper .right-holder p.score.above, .app-list li .element-wrapper .right-holder p.score.increase,
.app-list li .table-view .right-holder p.score.above,
.app-list li .table-view .right-holder p.score.increase,
.app-list li a .right-holder p.score.above,
.app-list li a .right-holder p.score.increase,
.employee-list li .element-wrapper .right-holder p.score.above,
.employee-list li .element-wrapper .right-holder p.score.increase,
.employee-list li .table-view .right-holder p.score.above,
.employee-list li .table-view .right-holder p.score.increase,
.employee-list li a .right-holder p.score.above,
.employee-list li a .right-holder p.score.increase {
	color: #1e86d9;
}

.app-list li .element-wrapper .right-holder p.score.baseline, .app-list li .element-wrapper .right-holder p.score.same,
.app-list li .table-view .right-holder p.score.baseline,
.app-list li .table-view .right-holder p.score.same,
.app-list li a .right-holder p.score.baseline,
.app-list li a .right-holder p.score.same,
.employee-list li .element-wrapper .right-holder p.score.baseline,
.employee-list li .element-wrapper .right-holder p.score.same,
.employee-list li .table-view .right-holder p.score.baseline,
.employee-list li .table-view .right-holder p.score.same,
.employee-list li a .right-holder p.score.baseline,
.employee-list li a .right-holder p.score.same {
	color: #494949;
}

.app-list li .element-wrapper .right-holder p.score.below, .app-list li .element-wrapper .right-holder p.score.decrease,
.app-list li .table-view .right-holder p.score.below,
.app-list li .table-view .right-holder p.score.decrease,
.app-list li a .right-holder p.score.below,
.app-list li a .right-holder p.score.decrease,
.employee-list li .element-wrapper .right-holder p.score.below,
.employee-list li .element-wrapper .right-holder p.score.decrease,
.employee-list li .table-view .right-holder p.score.below,
.employee-list li .table-view .right-holder p.score.decrease,
.employee-list li a .right-holder p.score.below,
.employee-list li a .right-holder p.score.decrease {
	color: #f1433c;
}

.app-list li .element-wrapper .right-holder p.text,
.app-list li .table-view .right-holder p.text,
.app-list li a .right-holder p.text,
.employee-list li .element-wrapper .right-holder p.text,
.employee-list li .table-view .right-holder p.text,
.employee-list li a .right-holder p.text {
	width: 60px;
	text-align: right;
	opacity: 0.6;
}

.app-list li .element-wrapper .right-holder p.text.above, .app-list li .element-wrapper .right-holder p.text.increase,
.app-list li .table-view .right-holder p.text.above,
.app-list li .table-view .right-holder p.text.increase,
.app-list li a .right-holder p.text.above,
.app-list li a .right-holder p.text.increase,
.employee-list li .element-wrapper .right-holder p.text.above,
.employee-list li .element-wrapper .right-holder p.text.increase,
.employee-list li .table-view .right-holder p.text.above,
.employee-list li .table-view .right-holder p.text.increase,
.employee-list li a .right-holder p.text.above,
.employee-list li a .right-holder p.text.increase {
	color: #1e86d9;
}

.app-list li .element-wrapper .right-holder p.text.baseline, .app-list li .element-wrapper .right-holder p.text.same,
.app-list li .table-view .right-holder p.text.baseline,
.app-list li .table-view .right-holder p.text.same,
.app-list li a .right-holder p.text.baseline,
.app-list li a .right-holder p.text.same,
.employee-list li .element-wrapper .right-holder p.text.baseline,
.employee-list li .element-wrapper .right-holder p.text.same,
.employee-list li .table-view .right-holder p.text.baseline,
.employee-list li .table-view .right-holder p.text.same,
.employee-list li a .right-holder p.text.baseline,
.employee-list li a .right-holder p.text.same {
	color: #494949;
}

.app-list li .element-wrapper .right-holder p.text.below, .app-list li .element-wrapper .right-holder p.text.decrease,
.app-list li .table-view .right-holder p.text.below,
.app-list li .table-view .right-holder p.text.decrease,
.app-list li a .right-holder p.text.below,
.app-list li a .right-holder p.text.decrease,
.employee-list li .element-wrapper .right-holder p.text.below,
.employee-list li .element-wrapper .right-holder p.text.decrease,
.employee-list li .table-view .right-holder p.text.below,
.employee-list li .table-view .right-holder p.text.decrease,
.employee-list li a .right-holder p.text.below,
.employee-list li a .right-holder p.text.decrease {
	color: #f1433c;
}

.app-list li .element-wrapper .right-holder p.increase,
.app-list li .table-view .right-holder p.increase,
.app-list li a .right-holder p.increase,
.employee-list li .element-wrapper .right-holder p.increase,
.employee-list li .table-view .right-holder p.increase,
.employee-list li a .right-holder p.increase {
	color: #1e86d9;
}

.app-list li .element-wrapper .right-holder p.increase::before,
.app-list li .table-view .right-holder p.increase::before,
.app-list li a .right-holder p.increase::before,
.employee-list li .element-wrapper .right-holder p.increase::before,
.employee-list li .table-view .right-holder p.increase::before,
.employee-list li a .right-holder p.increase::before {
	background-image: url("../img/icons/arrow-up.png");
}

.app-list li .element-wrapper .right-holder p.decrease,
.app-list li .table-view .right-holder p.decrease,
.app-list li a .right-holder p.decrease,
.employee-list li .element-wrapper .right-holder p.decrease,
.employee-list li .table-view .right-holder p.decrease,
.employee-list li a .right-holder p.decrease {
	color: #f1433c;
}

.app-list li .element-wrapper .right-holder p.decrease::before,
.app-list li .table-view .right-holder p.decrease::before,
.app-list li a .right-holder p.decrease::before,
.employee-list li .element-wrapper .right-holder p.decrease::before,
.employee-list li .table-view .right-holder p.decrease::before,
.employee-list li a .right-holder p.decrease::before {
	background-image: url("../img/icons/arrow-down.png");
}

.app-list li .element-wrapper .right-holder p.decrease::before, .app-list li .element-wrapper .right-holder p.increase::before,
.app-list li .table-view .right-holder p.decrease::before,
.app-list li .table-view .right-holder p.increase::before,
.app-list li a .right-holder p.decrease::before,
.app-list li a .right-holder p.increase::before,
.employee-list li .element-wrapper .right-holder p.decrease::before,
.employee-list li .element-wrapper .right-holder p.increase::before,
.employee-list li .table-view .right-holder p.decrease::before,
.employee-list li .table-view .right-holder p.increase::before,
.employee-list li a .right-holder p.decrease::before,
.employee-list li a .right-holder p.increase::before {
	content: "";
	padding: 2px 6px;
	background-size: auto 100%;
	background-repeat: no-repeat;
	margin-top: -4px;
}

.app-list li .table-view,
.employee-list li .table-view {
	border-top: 1px solid rgba(23, 23, 23, 0.1);
}

.app-list li .table-view .user-name-wrap,
.employee-list li .table-view .user-name-wrap {
	width: 160px;
}

.app-list li .table-view .man-name,
.employee-list li .table-view .man-name {
	width: 130px;
	height: auto;
	line-height: 24px;
	vertical-align: middle;
	float: left;
}

.app-list li .table-view .man-name a,
.employee-list li .table-view .man-name a {
	font-size: 14px;
	color: rgba(35, 35, 35, 0.8);
	margin: 0;
	padding: 0;
	text-decoration: none;
	border: none;
	-webkit-transition: color 0.2s ease-in;
	-moz-transition: color 0.2s ease-in;
	-o-transition: color 0.2s ease-in;
	transition: color 0.2s ease-in;
}

.app-list li .table-view .man-name a:hover,
.employee-list li .table-view .man-name a:hover {
	color: #1e86d9;
}

.app-list li .table-view .right-holder p.score,
.employee-list li .table-view .right-holder p.score {
	width: 124px;
	text-align: center;
}

.app-list li .table-view .right-holder p.text,
.employee-list li .table-view .right-holder p.text {
	width: 90px;
	text-align: center;
}

.app-list .user-name-wrap,
.employee-list .user-name-wrap {
	width: auto;
	height: inherit;
	float: left;
}

.app-list .user-name-wrap .circle,
.employee-list .user-name-wrap .circle {
	position: relative;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	display: none;
	float: left;
	margin-right: 10px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.app-list .user-name-wrap .circle p,
.employee-list .user-name-wrap .circle p {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	line-height: 24px;
	font-weight: bold;
	color: white;
	font-size: 11px;
	position: relative;
}

.app-list .user-name-wrap .circle.blue,
.employee-list .user-name-wrap .circle.blue {
	background-color: #1e86d9;
}

.app-list .user-name-wrap .circle.red,
.employee-list .user-name-wrap .circle.red {
	background-color: #f1433c;
}

.app-list .user-name-wrap .circle.gray,
.employee-list .user-name-wrap .circle.gray {
	background-color: #494949;
}

.app-list .user-name-wrap .user-name,
.employee-list .user-name-wrap .user-name {
	float: left;
	width: auto;
	line-height: 24px;
	vertical-align: middle;
	font-size: 14px;
	color: rgba(35, 35, 35, 0.8);
}

.app-list li .element-wrapper {
	text-decoration: none;
	border-bottom: 1px solid rgba(23, 23, 23, 0.1);
}

.app-list li .element-wrapper .icon {
	width: 35px;
	height: 35px;
	background-size: 100%;
	margin: 5px;
}

.modal .modal-body .app-list,
.modal .modal-body .employee-list {
	margin: -10px -15px 0px -15px;
	width: calc(100% + 30px);
	border-top: 0px none;
}
.modal .modal-body .app-list li:last-child .element-wrapper,
.modal .modal-body .employee-list li:last-child .element-wrapper {
	border-bottom: 0px none;
	margin-bottom: -15px;
}

.employee-list li {
	border-bottom: 1px solid rgba(23, 23, 23, 0.1);
}

.employee-list li a {
	display: block;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	box-shadow: inset 2px 0 0 #494949;
}

.employee-list li a:before, .employee-list li a:after {
	content: "";
	display: table;
}

.employee-list li a:after {
	clear: both;
}

.employee-list li a:hover {
	background-color: #f2f2f2;
	box-shadow: inset 4px 0 0 #494949;
}

.employee-list li a .user-name-wrap {
	width: calc(100% - 150px);
}

.employee-list li a .user-name-wrap .user-name {
	float: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.employee-list li a .right-holder {
	width: 150px;
}

.employee-list li a .right-holder > p.score {
	width: 100%;
	text-align: right;
}

.managers-stats .employee-list li a .user-name-wrap {
	width: calc(100% - 180px);
}

.managers-stats .employee-list li a .right-holder {
	width: 180px;
}

.managers-stats .employee-list li a .right-holder > p.score {
	width: 50%;
}

.employee-list.subs li a .user-name-wrap {
	width: calc(100% - 88px);
}

.employee-list li a img {
	float: left;
	height: 24px;
	width: 24px;
	margin: -1px 8px -2px -12px;
	border-radius: 50%;
}

.employee-list.subs li a .right-holder {
	width: 88px;
}

.employee-list.subs li a .right-holder > p {
	float: right;
}

.employee-list.subs li a .right-holder > p.score {
	width: auto;
}

.employee-list.subs li a .right-holder > p.text {
	width: 60px;
}

.employee-list.strata li a .right-holder > p.score {
	width: 90px;
}

.employee-list--emp-dashboard li a .user-name-wrap {
	width: calc(100% - 50px);
}

.employee-list--emp-dashboard li a .right-holder {
	width: 50px;
}


.app-list li .element-wrapper .app-name {
	line-height: 45px;
	vertical-align: middle;
	margin-left: 30px;
	float: left;
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: rgba(35, 35, 35, 0.8);
	font-size: 16px;
}

.app-list li .element-wrapper .right-holder p.text {
	line-height: 45px;
	width: 100px;
}

.app-list li .element-wrapper .right-holder p.score {
	line-height: 45px;
}

.cf:after,
.cf:before {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}

.cf:after {
	clear: both;
}

/**
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.cf {
	*zoom: 1;
}

div.close {
	background-image: url("../img/icons/close.png");
	background-size: 100%;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.crm-system-block {
	display: none;
}

.estimating-txt {
	color: #1e86d9;
}

.chkgroup.chkgroup--modules:before, .chkgroup.chkgroup--modules:after {
	content: "";
	display: table;
}

.chkgroup.chkgroup--modules:after {
	clear: both;
}

.chkgroup.chkgroup--modules label {
	display: block;
	float: left;
	margin-right: 0;
	width: 33.33333%;
}

input[type="checkbox"].chk-default {
	height: auto;
	width: auto;
	vertical-align: middle;
	margin: -3px 0 0;
}

.card-wrap .card-heading {
	position: relative;
	margin: 6px 20px 0 20px;
	width: auto;
	font-size: 16px;
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.card-wrap .card-heading.table-view {
	width: 130px;
	box-sizing: border-box;
}

.card-wrap .card-heading:before, .card-wrap .card-heading:after {
	content: "";
	display: table;
}

.card-wrap .card-heading:after {
	clear: both;
}

.card-wrap .card-heading .left {
	float: left;
}

.card-wrap .right {
	float: right !important;
}

.card-wrap .card-heading small{
	color: #808080;
}

.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

ol.ol li {
	margin-top: 12px;
}

ol.ol li:first-child {
	margin-top: 0;
}

.toggle-checkbox {
	display: inline-block;
	user-select: none;
	padding: 5px 0;
}

.toggle-checkbox .toggles {
	display: block;
}

.toggle-checkbox .toggles:before, .toggle-checkbox .toggles:after {
	content: "";
	display: table;
}

.toggle-checkbox .toggles:after {
	clear: both;
}

.toggle-checkbox .toggles > span {
	display: block;
	float: left;
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 22px;
	padding: 2px 6px 0;
	background: #fcfcfc;
	color: #3d3d3d;
	border: 1px solid #686868;
	cursor: pointer;
	opacity: 0.5;
	transition: all 320ms ease;
}

.toggle-checkbox > .checkbox:disabled + .toggles > span {
	background: #9B9B9B;
    cursor: default;
}

.toggle-checkbox .toggles > span:nth-child(1) {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.toggle-checkbox .toggles > span:nth-child(2) {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.toggle-checkbox .toggles > span.unchecked {
	background: #686868;
	color: #FFF;
	opacity: 1;
}

.toggle-checkbox input[type="checkbox"] {
	display: none;
}

.toggle-checkbox input[type="checkbox"]:checked + .toggles > span.checked {
	background: #686868;
	color: #FFF;
	opacity: 1;
}
.toggle-checkbox input[type="checkbox"]:checked + .toggles > span.unchecked {
	color: #3d3d3d;
	background: #fcfcfc;
	opacity: 0.5;
}

.orgTimeSettings .card-wrap {
	min-height: 100px;
}

.orgTimeSettings .no-top-border{
	border-top: none;
	margin-top: 0;
}

.orgTimeSettings .fa-info-circle {
	color: rgb(109, 109, 109);
	transition: color 0.5s;
}

.orgTimeSettings .fa-info-circle:hover {
	color: black;
}

/* .orgTimeSettings div#activity-flagging-wrapper {
	display: none;
} */

.card-wrap {
	position: relative;
	background-color: white;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.02);
	border: rgba(35, 35, 35, 0.1) solid 1px;
	padding: 12px 0 0;
	width: 100%;
	box-sizing: border-box;
	height: auto;
	min-height: 200px;
	overflow: hidden;
}

.card-wrap--auto-height {
	min-height: 0;
}

.card-wrap .right-wrap {
	float: right;
	width: auto;
	height: auto;
	text-align: center;
}

.card-wrap .emp-score,
.card-wrap .employee-total,
.card-wrap .man-score {
	position: absolute;
	right: 24px;
	top: 20px;
	color: #808080;
	width: auto;
	height: auto;
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
}

.card-wrap .man-score {
	right: 112px;
}

.card-wrap .box-wrap {
	clear: both;
	margin: 0 16px 20px;
	height: auto;
	overflow: hidden;
}

.card-wrap .box-wrap .detail-box {
	width: 32.33%;
	margin: 0 0.5%;
	float: left;
	height: auto;
	cursor: default;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.card-wrap .box-wrap .detail-box.above {
	background-color: #e9f2fa;
	box-shadow: inset 0 -6px 0 #1e86d9;
}

.card-wrap .box-wrap .detail-box.baseline {
	background-color: #ececec;
	box-shadow: inset 0 -6px 0 #494949;
}

.card-wrap .box-wrap .detail-box.below {
	background-color: #fdeceb;
	box-shadow: inset 0 -6px 0 #f1433c;
}

.card-wrap .box-wrap .detail-box p {
	font-family: "linotte-regular";
	color: #232323;
}

.card-wrap .box-wrap .detail-box .heading {
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	width: 100%;
	margin: 24px auto 0;
	text-align: center;
	color: rgba(35, 35, 35, 0.8);
}

.card-wrap .box-wrap .detail-box .numbers {
	width: 60%;
	margin: 0 20%;
	color: #232323;
	font-family: linotte;
}

.card-wrap .box-wrap .detail-box .numbers .user_number {
	margin-top: 36px;
	margin-bottom: 10px;
	width: 48.5%;
	text-align: center;
	font-size: 36px;
	line-height: 16px;
	display: inline-block;
	float: left;
}

.card-wrap .box-wrap .detail-box .numbers .user_number span {
	font-size: 16px;
	margin-top: -20px;
	position: relative;
}

.card-wrap .box-wrap .detail-box .numbers .slash {
	display: block;
	width: 3%;
	height: 40px;
	-ms-transform: skewX(-20deg);
	/* IE 9 */
	-webkit-transform: skewX(-20deg);
	/* Safari */
	transform: skewX(-20deg);
	/* Standard syntax */
	background-color: rgba(35, 35, 35, 0.2);
	float: left;
	margin: 24px 6px 0 -6px;
}

.card-wrap .box-wrap .detail-box .numbers .status {
	margin-top: 36px;
	margin-bottom: 10px;
	width: 48.5%;
	text-align: center;
	font-size: 36px;
	line-height: 16px;
	display: inline-block;
	float: left;
}

.card-wrap .box-wrap .detail-box .numbers .status span {
	font-size: 16px;
	margin-top: -20px;
	position: relative;
}

.card-wrap .box-wrap .detail-box .prodoscore {
	line-height: 39px;
	width: 100%;
	text-align: center;
	color: rgba(35, 35, 35, 0.8);
	float: none;
	clear: both;
	font-size: 14px;
	margin-bottom: 18px;
}

.card-wrap p.show-all {
	margin-bottom: -8px;
	width: 100%;
	border-top: 1px solid rgba(24, 24, 24, 0.2);
	line-height: 48px;
	vertical-align: middle;
	text-align: center;
}

.card-wrap p.show-all a {
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	color: #1e86d9;
	-webkit-transition: color 0.5s ease-in;
	-moz-transition: color 0.5s ease-in;
	-o-transition: color 0.5s ease-in;
	transition: color 0.5s ease-in;
}

.card-wrap p.show-all a:hover {
	color: #1b78c3;
}

.card-tabs {
	padding: 10px 0px;
}

.card-tabs-nav {
	border-bottom: 1px solid #d6d6d6;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;
}

.card-tabs-nav:before, .card-tabs-nav:after {
	content: "";
	display: table;
}

.card-tabs-nav:after {
	clear: both;
}

.card-tabs-nav a {
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: block;
	float: left;
	text-decoration: none;
	color: #1e86d9;
	background: transparent;
	padding: 8px 7px 7px 7px;
	margin-bottom: -1px;
	border: 1px solid transparent;
	margin-left: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	transition: all 320ms ease;
}

.card-tabs-nav a:hover {
	background: #efefef;
	border-bottom-color: #d6d6d6;
}

.card-tabs-nav a:first-child {
	margin-left: 0;
}

.card-tabs-nav a.active {
	color: #232323;
	background: #FFF;
	border: 1px solid #d6d6d6;
	border-bottom-color: transparent;
	cursor: default;
}

.card-tabs-nav a.active:hover {
	background: #FFF;
}

.card-tabs-body {
	display: none;
	padding: 8px 0px;
}

.card-tabs-body.active {
	display: block;
}

.card-table {
	table-layout: fixed;
	width: 100%;
}

.wrap {
	width: 100%;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	height: auto;
	margin: 4px auto 12px;
}

.input-wrap {
	position: relative;
	width: 100%;
	height: auto;
}

.input-wrap.floating {
	float: left;
}

.input-wrap.long-text .label {
	width: 30%;
}
#custSupportSettings .input-wrap.long-text .label {
	width: 22%;
}
#custSupportSettings .wrap .help-text {
	margin: 45px 0 10px 22%;
}

.input-wrap.long-text .textbox {
	width: 68%;
}
.input-wrap.long-text .textbox.gap-time-range {
	width: 173px;
}

.input-wrap .has-error, .input-wrap .has-error.textbox {
	border-color: tomato;
}

.input-wrap .label {
	line-height: 16px;
	vertical-align: middle;
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	width: 55%;
	display: inline-block;
	padding: 10px 5%;
	box-sizing: border-box;
}

.input-wrap .left-label {
	text-align: left;
}

.input-wrap .right-label {
	text-align: right;
}

.input-wrap .textbox {
	height: 37px;
	width: 53%;
	border: none;
	border-top: 1px solid rgba(24, 24, 24, 0.5);
	background-color: #e2e2e2;
	padding: 4px 12px;
	box-sizing: border-box;
	-webkit-transition: background 300ms ease-in;
	-moz-transition: background 300ms ease-in;
	-o-transition: background 300ms ease-in;
	transition: background 300ms ease-in;
}

.input-wrap .textbox:focus {
	background-color: #dadada;
}


div.form-wrap.erp-system .wrap.system-select .input-wrap,
div.form-wrap.erp-system #system-lightening form .wrap .input-wrap,
div.form-wrap.erp-system #system-tangoe form .wrap .input-wrap,
div.form-wrap.erp-system div.erp-system-block {
	display: flex;
	justify-content: left;
}

div.form-wrap.erp-system .wrap.system-select .input-wrap .label,
div.form-wrap.erp-system #system-lightening form .wrap .input-wrap .label,
div.form-wrap.erp-system #system-tangoe form .wrap .input-wrap .label {
	width: 20%;
	text-align: left;
}

div.form-wrap.erp-system #system-lightening form,
div.form-wrap.erp-system #system-tangoe form {
	width: 100%;
}

div.form-wrap.erp-system #system-lightening form .wrap.buttons.long-text,
div.form-wrap.erp-system #system-lightening form .wrap.buttons.long-text {
	margin-left: 26%;
}

div#system-cargowise div.integration-settings-wrap {
	display: flex;
	flex-direction: column;
	background: #F5F5F5;
    border-radius: 10px;
    position: relative;
    left: 10%;
    width: calc(68% - 70px);
    padding: 8px 35px 15px;
    justify-content: center;
}

div#system-cargowise div.integration-settings-wrap div.integration-modes-wrap {
	width: 100%;
}

div#system-cargowise div.integration-settings-wrap div.integration-modes-wrap div.integration-mode-header {
    text-align: center;
    font-size: 13px;
    color: #757575;
}

div#system-cargowise div.integration-settings-wrap div.integration-modes-wrap div.integration-modes {
	display: flex;
    flex-direction: row;
    margin-top: 9px;
    justify-content: space-between;
}

div#system-cargowise div.integration-settings-wrap div.integration-modes-wrap div.integration-modes div.integration-mode {
	padding: 10px 5px;
    background: #FFFFFF;
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    border-radius: 6px;
    color: #6B6B6B;
    font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
    width: 46%;
	text-align: center;
	cursor: pointer;
	-webkit-transition: border 150ms ease-in;
	-moz-transition: border 150ms ease-in;
	-o-transition: border 150ms ease-in;
	transition: border 150ms ease-in;
}

div#system-cargowise div.integration-settings-wrap div.integration-modes-wrap div.integration-modes div.integration-mode:hover {
	border-color: #44A5FF;
}
div#system-cargowise div.integration-settings-wrap div.integration-modes-wrap div.integration-modes div.integration-mode.active {
	border: 1px solid #44A5FF;
	color: #0082C8;
}
div#system-cargowise div.integration-settings-wrap div.integration-modes-wrap div.integration-modes div.integration-mode.active.integrated {
	cursor: default;
}
div#system-cargowise div.integration-settings-wrap div.integration-modes-wrap div.integration-modes div.integration-mode.disabled {
	opacity: 0.7;
	cursor: default;
	border: 1px solid #C4C4C4 !important;
}

div#system-cargowise div.integration-settings-wrap .integration-form {
	background: white;
    border-radius: 6px;
    margin-top: 20px;
    padding: 13px 25px 5px;
}

div#system-cargowise div.integration-settings-wrap .integration-form .form-inputs {
	display: none;
}
div#system-cargowise div.integration-settings-wrap .integration-form .form-inputs.active {
	display: block;
}

div#system-cargowise div.integration-settings-wrap .integration-form .wrap .input-wrap .label {
    font-family: 'Linotte-Regular';
    font-size: 13px;
    color: black;
    padding: 0;
}

div#system-cargowise div.integration-settings-wrap .integration-form .wrap .input-wrap .textbox {
	width: 100%;
    border-radius: 3px;
    font-size: 13px;
    margin: 5px auto;
}

div#system-cargowise div.integration-settings-wrap .integration-form .wrap .help-text {
	margin-left: 0;
}

div#system-cargowise div.integration-settings-wrap .integration-form .wrap.form-buttons {
	display: flex;
    justify-content: space-between;
    margin-top: 17px;
}

div#system-cargowise div.integration-settings-wrap .integration-form .wrap.form-buttons .button {
	width: 31%;
	padding: 10px 0px;
}


#ip-scanner-wrapper .form-wrap {
	max-height: 330px;
    display: block;
    overflow-y: auto;
    margin-block-end: 20px;
	padding-bottom: 0;
}
#ip-scanner-wrapper #ip-scanner-toggle .label.left-label {
	width: 20%;
    padding-right: 3%;
}
.ip-address-annotations.disabled::after,
.working-shifts-annotations.disabled::after,
.crop-timeline-wrap.disabled::after,
.active-time-wrap.disabled::after {
	display: block;
	position: absolute;
	left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: "";
    background: white;
    opacity: 0.3;
    z-index: 999;
}
.input-wrap.annotation-row {
	margin-bottom: 10px;
}
.input-wrap.annotation-row:last-child {
	margin-bottom: 0;
}
#ip-scanner-wrapper #ip-scanner-toggle .label.left-label,
.input-wrap.annotation-row .label[for="office_ip_address"],
.input-wrap.annotation-row .label[for="ip_address_nickname"] {
	width: 20.5%;
}
#ip-scanner-wrapper #ip-scanner-toggle .label.left-label, .input-wrap.annotation-row .label {
    padding-right: 4%;
}
.input-wrap.annotation-row .textbox {
	float: left;
	width: 21%;
}
.input-wrap.annotation-row div.row-controls {
	position: relative;
	left: 5%;
	display: inline-block;
}
.input-wrap.annotation-row div.row-controls div,
.input-wrap.annotation-row div.row-controls button {
	float: left;
    width: 22px;
    height: 22px;
    background-color: #f3f3f3;
    border: 1px solid #cecece;
    border-radius: 50%;
	transition: 200ms;
	margin-top: 5px;
	margin-left: 3px;
	margin-right: 3px;
}
.input-wrap.annotation-row div.row-controls div:first-child,
.input-wrap.annotation-row div.row-controls button:first-child {
	margin-left: 0;
}
.input-wrap.annotation-row div.row-controls div:last-child,
.input-wrap.annotation-row div.row-controls button:last-child {
	margin-right: 0;
}
.input-wrap.annotation-row div span,
.input-wrap.annotation-row button span {
	font-size: 14px;
	color: #6b6b6b;
    font-weight: bold;
	position: relative;
	transition: 200ms;
}
.input-wrap.annotation-row div.row-controls .clear-row span {
	top: 1px;
	left: 7px;
	font-size: 13px;
}
.input-wrap.annotation-row div.row-controls .add-row span {
	top: 2px;
    left: 7px;
}
.input-wrap.annotation-row div.row-controls .remove-row span {
	top: 1px;
	left: 8px;
}
.input-wrap.annotation-row div.row-controls div:hover,
.input-wrap.annotation-row div.row-controls button:hover {
	cursor: pointer;
	background-color: #ececec;
}
.input-wrap.annotation-row div.row-controls div span:hover,
.input-wrap.annotation-row div.row-controls button span:hover {
	color: rgb(53, 53, 53);
}


.views-wrap {
	position: relative;
	float: right;
}

.views-wrap button {
	line-height: 30px;
	vertical-align: middle;
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: rgba(35, 35, 35, 0.8);
	font-size: 14px;
	margin: 2px 4px;
	padding: 0 16px;
	border: 1px solid #f4f4f4;
	border-radius: 3px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.views-wrap button:hover {
	background-color: #e7e7e7;
}

.views-wrap button.active {
	color: #232323;
	border: 1px solid #808080;
}

.modal-body .icon, .card-wrap .icon {
	position: relative;
	float: left;
	margin: 12px 0 0 12px;
	height: 16px;
	width: 16px;
	background-repeat: no-repeat;
	background-size: auto 100%;
}

#productSettings .icon {
	margin: -4px 10px -4px 0px;
	height: 24px;
	width: 24px;
}

#productSettings .empSettings_users tbody tr td:nth-child(1) {
	border-left-style: none;
}

.card-wrap .icon.icon-sort {
	background-image: url("../img/icons/sort.png");
}

.wrap .nav-button {
	float: left;
	margin: 5px 12px;
	width: auto;
	height: 24px;
	background-size: 100%;
	border-radius: 12px;
	background-color: #1e86d9;
	padding: 0 12px 0 24px;
	color: white;
	-webkit-transition: background 0.2s ease-in;
	-moz-transition: background 0.2s ease-in;
	-o-transition: background 0.2s ease-in;
	transition: background 0.2s ease-in;
	border: none;
	cursor: pointer;
}

.wrap .nav-button.back:before {
	content: "";
	width: 24px;
	height: 24px;
	background-image: url("../img/icons/back.png");
	background-size: auto 100%;
	display: inline-block;
	margin: 0 0 0 -22px;
	position: absolute;
	top: 5px;
}

.wrap .nav-button:hover {
	background-color: #186aac;
}

.wrap .help-text {
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	clear: both;
	width: 68%;
	margin-left: 30%;
	margin-top: 4px;
	font-size: 80%;
	color: #565656;
}

.wrap .help-text a {
	color: #1e86d9;
	text-decoration: none;
}

.wrap .orum-guide {
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	clear: both;
	width: 68%;
	margin-top: 4px;
	font-size: 100%;
	color: #565656;
}

.wrap .orum-guide  a {
	color: #1e86d9;
	text-decoration: none;
}

.wrap .webex-guide {
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	clear: both;
	width: 68%;
	margin-top: 4px;
	font-size: 100%;
	color: #565656;
}

.wrap .webex-guide  a {
	color: #1e86d9;
	text-decoration: none;
}

.wrap .warn-text {
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	clear: both;
	width: 68%;
	margin-left: 30%;
	margin-bottom: -2px;
	margin-top: 12px;
	font-size: 80%;
	color: #565656;
}

.wrap .warn-text a {
	color: #1e86d9;
	text-decoration: none;
}

.no-top-margin {
	margin-top: 0px;
}

.lh-left-margin {
	margin-left: -12px;
}

.with-top-margin {
	margin-top: 17px;
}

button.block {
	position: absolute;
	right: 0;
	top: 10px;
	min-width: 160px;
}

button.user-settings {
	position: absolute;
	top: 36px;
	right: 0;
}

.form-wrap {
	float: none;
	clear: both;
	border-top: 1px solid rgba(35, 35, 35, 0.2);
	margin-top: 10px;
	width: 100%;
	height: auto;
	display: inline-block;
	padding: 20px;
	box-sizing: border-box;
}

.form-wrap .input-wrap .label {
	padding-left: 0;
	float: left;
}

.form-wrap .wrap.buttons {
	margin-left: 45%;
}

.form-wrap .wrap.buttons.long-text {
	margin-left: 30%;
}
#freshdeskSettings .wrap, #connectwiseSettings .wrap.buttons.long-text {
	margin-left: 22%;
}

td .textbox {
	height: 37px;
	width: 100%;
	border: none;
	border-top: 1px solid rgba(24, 24, 24, 0.5);
	background-color: #f4f4f4;
	padding: 4px 12px;
	box-sizing: border-box;
	-webkit-transition: background 300ms ease-in;
	-moz-transition: background 300ms ease-in;
	-o-transition: background 300ms ease-in;
	transition: background 300ms ease-in;
}

td .textbox:focus {
	background-color: #dadada;
}

.employee-filters {
	margin: 0;
	width: 100%;
	padding: 20px 1.5% 15px 1.5%;
	background-color: #eee;
	box-shadow: inset 0 3px 3px #e5e5e5, inset 0 -2px 3px #e5e5e5;
}

.employee-filters:before, .employee-filters:after {
	content: "";
	display: table;
}

.employee-filters:after {
	clear: both;
}

.employee-filters,
.employee-filters * {
	box-sizing: border-box;
}

.employee-filters_full {
	float: none;
	width: 100%;
}

.employee-filters_full .filter-wrap {
	float: left;
	width: 33.33333%;
	padding-left: 15px;
}
.ent-dashboard .employee-filters_full .filter-wrap {
	width: 25%;
}

.employee-filters_full .filter-wrap:first-child {
	padding-left: 0;
}

.employee-filters_left {
	float: left;
	width: 60%;
	padding-right: 20px;
}

.employee-filters_left .filter-wrap {
	float: left;
	width: 25%;
	padding-left: 10px;
}

.employee-filters_left .filter-wrap:first-child {
	padding-left: 0;
}

.employee-filters_right {
	float: left;
	width: 28%;
	padding-left: 20px;
	margin-top: 10px;
	border-left: 1px solid #D5DCE1;
}

.employee-filters_last {
	float: right;
	width: 12%;
	margin-top: 21px;
}

.employee-filters .filter-wrap>label, .employee-filters .filter-wrap>nav>label,
.employee-filters .filter-wrap input.textbox, .employee-filters .filter-wrap select.textbox {
	display: inline-block;
	padding: 6.5px 14px;
	margin: 0px;
	width: 100%;
}
.employee-filters .filter-wrap>label, .employee-filters .filter-wrap>nav>label {
	padding: 0px;
}
#contentCorrelations .employee-filters .filter-wrap>label,
#contentCorrelations .employee-filters .filter-wrap>nav>label {
	padding: 6.5px 10px;
	text-align: center;
}
.employee-filters .filter-wrap input.textbox, .employee-filters .filter-wrap select.textbox {
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #FFF;
	border: 1px solid #D5DCE1;
}

.employee-filters .filter-wrap input.textbox {
	padding: 10px 12px;
}

.employee-filters .filter-wrap select.textbox {
	padding: 9px 12px;
}

.employee-filters .filter-wrap label.label {
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom: 4px;
	font-size: 13px;
	color: #4d4d4d;
}

.visibility-toggle {
	display: block;
	cursor: pointer;
	color: #666666;
	line-height: 1;
	padding: 2px 0;
	user-select: none;
}

.visibility-toggle > span {
	display: block;
}

.visibility-toggle > span > span, .visibility-toggle > span > i.fa {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
}

.visibility-toggle > span > span {
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
}

.visibility-toggle > span > span .count {
	font-size: 75%;
	margin-left: 3px;
}

.visibility-toggle > span > i.fa {
	font-size: 15px;
	margin-top: -2px;
	margin-right: 4px;
	padding-right: 6px;
	/*border-right: 1px solid #b3b3b3;*/
}

.visibility-toggle > span > i.fa:before {
	content: "\f070";
}
.visibility-toggle > input {
	display: none;
}
.visibility-toggle > input:disabled + span {
	opacity: 0.4;
	cursor: not-allowed;
}
.visibility-toggle > input:checked + span > i.fa:before {
	content: "\f06e";
}

#contentCorrelations .visibility-toggle > span > i.fa {
	margin-right: 0px;
}
#contentCorrelations .visibility-toggle > span > i.fa:before {
	content: "";
	padding-right: 15px;
}
#contentCorrelations .visibility-toggle > input:checked + span > i.fa:before {
	content: "\f00c";
	padding-right: 0px;
}
/*#contentCorrelations .employee-filters .filter-wrap>label {
	margin-top: 1px;
}*/

.login-body {
	background-color: #1e86d9;
	width: 100%;
	height: 100%;
}

.login-wrapper {
	display: flex;
	width: 100%;
	min-height: 100%;
	align-items: center;
	justify-content: center;
}

.login-container {
	width: 400px;
	margin: 0 auto;
	max-width: 100%;
}

.login-block {
	background-color: #fff;
	padding: 40px;
	position: relative;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.login-block label {
	display: block;
	color: #808080;
	margin-bottom: 5px;
}

.login-block input {
	box-sizing: border-box;
	width: 100%;
	display: block;
	font-size: 15px;
	border: none;
	line-height: 1.42857143;
	font-weight: 400;
}

.login-block input[type=text],
.login-block input[type=email],
.login-block input[type=password] {
	background: #f4f4f4;
	height: 35px;
	padding: 6px 12px;
	color: #555;
	margin-bottom: 10px;
	border-top: 1px solid #e2e2e2;
}

.login-block input[type=text]:focus, .login-block input[type=text]:active,
.login-block input[type=email]:focus,
.login-block input[type=email]:active,
.login-block input[type=password]:focus,
.login-block input[type=password]:active {
	border-color: #bcbcbc;
}

.login-block input[type=submit] {
	background: #f1433c;
	color: #fff;
	padding: 12px 12px;
	margin: 20px 0 0;
	text-align: center;
	white-space: nowrap;
	touch-action: manipulation;
	cursor: pointer;
	user-select: none;
	background-image: none;
	border-radius: 4px;
	transition: all ease-in-out .25s;
}

.login-block input[type=submit]:hover, .login-block input[type=submit]:focus, .login-block input[type=submit]:active {
	opacity: .8;
}

.login-block input[type=submit]:focus, .login-block input[type=submit]:active {
	opacity: 1;
	background: #e91911;
	box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.1);
}

.login-error {
	background: #fde4e3;
	border-radius: 4px;
	margin-bottom: 20px;
	color: #f1433c;
	text-align: center;
	padding: 10px;
}

.login-error-span {
	color: #f1433c;
	text-align: left;
	display: none;
}

.text-error {
	border: solid !important;
	border-width: thin !important;
	border-color: red !important;
	background: #fde4e3;
}

.g-recaptcha {
	width: 94%;
	border-radius: 4px;
	border-right: 1px solid #d8d8d8;
	overflow: hidden;
	margin: auto;
}

.logo-wrapper {
	width: 300px;
	margin: 0 auto 30px;
	max-width: 100%;
}

.logo-wrapper a {
	display: block;
	width: 100%;
	height: auto;
}

.inner-header {
	width: 100%;
	height: 60px;
	background-color: rgba(255, 255, 255, 0.5);
	box-shadow: 0 2px 2px f5f2ef;
	text-align: center;
}

.inner-header .clear-cache {
	position: absolute;
	right: 20px;
	top: 10px;
}

ul.tabs {
	display: inline-block;
	width: auto;
	overflow: hidden;
	height: inherit;
}

ul.tabs li.tab-items {
	float: left;
	height: inherit;
	width: auto;
	list-style: none;
	padding: 0 20px;
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 60px;
	vertical-align: middle;
	cursor: pointer;
	color: rgba(28, 28, 28, 0.7);
}

ul.tabs li.tab-items.active {
	color: #1c1c1c;
}

ul.tabs li.tab-items.active::after {
	content: "";
	display: block;
	position: relative;
	bottom: 0;
	height: 3px;
	width: 100%;
	background-color: #1e86d9;
	margin-top: -3px;
}

ul.tabs li.tab-items:hover {
	color: #1c1c1c;
}

.button-group-wrap {
	text-align: center;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.button-group-wrap .btngroup {
	margin: 24px 0 0;
}

.btngroup {
	font-size: 0;
	line-height: 1;
	white-space: nowrap;
	display: inline;
}

.btngroup.btn {
	font-size: 16px;
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	background: #e2e2e2;
	border: none;
	border-left-width: 0;
	display: inline-block;
	line-height: 36px;
	vertical-align: middle;
	padding: 0 16px;
	outline: 0;
	border-right: 1px solid rgba(35, 35, 35, 0.1);
}

.btngroup.btn:first-child {
	border-left-width: 2px;
	border-radius: 3px 0 0 3px;
}

.btngroup.btn:last-child {
	border-radius: 0 3px 3px 0;
	border: none;
}

.btngroup.btn.active {
	color: #1e86d9;
	background-color: white;
	-webkit-box-shadow: inset 0px 0px 0px 1px #e2e2e2;
	-moz-box-shadow: inset 0px 0px 0px 1px #e2e2e2;
	box-shadow: inset 0px 0px 0px 1px #e2e2e2;
	border: none;
}

.btngroup.btn:hover {
	color: #1e86d9;
}

table {
	background-color: white;
	border-radius: 3px;
	padding: 10px;
	box-sizing: border-box;
	/* box-shadow: 0 2px 2px #f5f2ef; */
	border-collapse: collapse;
	/* border: 1px solid rgba(35, 35, 35, 0.1); */
}

table thead {
	border-bottom: rgba(35, 35, 35, 0.1) solid 1px;
}

table thead tr {
	text-align: left;

}

.empSettings_users thead  #email_notification_crx_sites_row {
    border-top: rgba(35, 35, 35, 0.1) solid 1px;
    padding: 10px 0;
}

.empSettings_users thead  #email_notification_crx_sites_first_row{
    padding: 8px 0;
}

.empSettings_users thead  #email_notification_crx_sites_row th #email_notifications_warning
{
	white-space: pre-line;
}

table tbody tr {
	border-bottom: rgba(35, 35, 35, 0.1) solid 1px;
}

table th {
	padding: 14px 18px;
}

table th.sortable_th {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
}

table td {
	padding: 10px 18px;
}

table td.no-gutter {
	padding: 0;
}

table td.no-top-gutter {
	padding: 0 18px;
}

table.employeedata .user-name-wrap .circle {
	display: none;
}

table.employeedata .user-name-wrap .user-name {
	display: inline-block;
	vertical-align: middle;
}

table.employeedata tbody tr {
	/* cursor: pointer; */
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

table.employeedata tbody tr td:first-child {
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	box-shadow: inset 2px 0 0 #494949;
}

table.employeedata tbody tr:hover {
	background-color: rgba(244, 244, 244, 0.5);
}

table.employeedata tbody tr:hover td:first-child {
	box-shadow: inset 4px 0 0 #494949;
}

table.employeedata td {
	font-size: 14px;
}

table.employeedata td span.active {
	color: #1e86d9;
}

table.employeedata td span.blocked {
	color: #f1433c;
}

table.employeedata td span.temp {
	color: rgba(35, 35, 35, 0.5);
}

th.score,
th.text {
	width: 100px;
	text-align: right;
}
th.count {
	width: 70px;
	text-align: right;
}

td {
	color: rgba(35, 35, 35, 0.8);
}

td.score {
	text-align: right;
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-right: 30px;
}

td.score.above, .score.above {
	color: #1e86d9;
	--color: #1e86d9;
	/*--color: #4ea6e9;*/
}

td.score.baseline, .score.baseline {
	color: #494949;
	--color: #494949;
	/*--color: #898989;*/
}

td.score.gray, .score.gray {
	color: #808080;
	--color: #808080;
}

td.score.below, .score.below {
	color: #f1433c;
	--color: #f1433c;
	/*--color: #f8836c;*/
}

td.text {
	text-align: right;
	padding-right: 30px;
}

td.text.increase, .text.increase {
	color: #1e86d9;
}

td.text.increase::before, .text.increase::before {
	background-image: url("../img/icons/arrow-up.png");
}

td.text.decrease, .text.decrease {
	color: #f1433c;
}

td.text.decrease::before, .text.decrease::before {
	background-image: url("../img/icons/arrow-down.png");
}

td.text.decrease::before, td.text.increase::before,
.text.decrease::before, .text.increase::before {
	content: "";
	padding: 5px 8px;
	background-size: auto 100%;
	background-repeat: no-repeat;
	margin-top: -4px;
}

table.stat-details {
	table-layout: fixed;
	margin-top: 10px;
	width: 100%;
}

table.stat-details tfoot tr.total-entries {
	display: none;
}

table.stat-details tr td:nth-child(1),
table.stat-details tr th:nth-child(1) {
	width: 46px;
}

table.stat-details tr td:nth-child(2),
table.stat-details tr th:nth-child(2) {
	/*width: 35%;*/
}

table.stat-details tr td:nth-child(3),
table.stat-details tr th:nth-child(3) {
	width: 170px;
	font-size: 95%;
	text-align: right;
}

table.stat-details tr td:nth-child(4),
table.stat-details tr th:nth-child(4) {
	width: 125px;
	font-size: 95%;
}

table.stat-details>tbody>tr>td:last-child,
table.stat-details>thead>tr>th:last-child {
	width: 33px;
	font-size: 95%;
	text-align: center;
}

table.stat-details tr td.icon-col,
table.stat-details tr th.icon-col {
	position: relative;
	white-space: nowrap;
}

table.stat-details tr td.icon-col div.icon,
table.stat-details tr th.icon-col div.icon {
	float: none;
	width: 20px;
	height: 20px;
	margin: 0px 0px -5px 0px;
	/*margin: 0 auto;*/
		display: inline-block;
}

table.stat-details tr.tablerow input[type="checkbox"]{
	height: 18px;
	width: 18px;
	float: left;
	vertical-align: 0px;
	margin: 2px 6px 1px -3px;
	/*margin: -3px -16px -4px -3px;
	padding: 5px;*/
}
table.stat-details tr.tablerow input[type="checkbox"]:checked{
	outline: 3px solid 3px solid rgba(89, 160, 216, 0.5);
	background-color: #59a0d8;
}

table.stat-details tr.tablerow th input[type="checkbox"]{
	margin: 0px 3px 1px -11px;
}
table.stat-details tr.tablerow th button{
	padding: 6px;
	margin: -9px -30px -9px 0px;
	font-size: 13pt;
	border: 1px solid #eaeaea;
	border-radius: 3px;
}

table.stat-details tr td.icon-col .icon-addon {
	display: inline-block;
		/*position: absolute;
		margin-left: 1px;*/
		color: #2C2D2C;
		font-size: 15px;
		top: 12px;
		/* text-shadow: 2px 2px 0 #fff; */
		opacity: 0.9;
		transform: rotate(-45deg);
}

table.stat-details tr td.icon-col .icon-addon--right {
	left: auto;
	right: 10px;
}

table.stat-details tr td.icon-col .icon-addon-t2 {
	display: inline-block;
		/*position: absolute;
		margin-left: 12px;*/
	margin-left: 10px;
		font-size: 14px;
		top: 12px;
}

table.stat-details tr td.time-col .time-addon {
	font-size: 80%;
	margin-right: 4px;
	color: #1e86d9;
	text-align: center;
}

table.stat-details tr td.time-col .time-0.not-in-range, table.stat-details tr td.time-col .time-1.not-in-range {
	color: #B0B0B0;
}

table.stat-details tr td.no-records {
	cursor: default;
}

table.stat-details tr.time_range_prev_day .time-0 {
	color: #B0B0B0;
}

table.stat-details tr.time_range_next_day .time-1 {
	color: #B0B0B0;
}

table.stat-details tr.details td table.stat-details-inner {
	table-layout: fixed;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

table.stat-details tr.details td table.stat-details-inner tbody {
	width: 100%;
}

/*table.stat-details tr.details td table.stat-details-inner tr.details-sentiment-row {
	/*border-top: rgba(35, 35, 35, 0.5) solid 1px;* /
	background-color: rgba(234, 243, 255, 0.5);
}
table.stat-details tr.details td table.stat-details-inner tr.details-sentiment-row:last-child td {
	padding-bottom: 10px !important;
}*/

table.stat-details tr.details td table.stat-details-inner tr:last-child {
	border-bottom: none;
}

table.stat-details tr.details td table.stat-details-inner tr:last-child td {
	padding-bottom: 0 !important;
	word-wrap: break-word;
}

table.stat-details tr.details td table.stat-details-inner td {
	padding: 8px !important;
}

table.stat-details tr.details td table.stat-details-inner td:nth-child(1) {
	width: 10%;
	padding-left: 0 !important;
}

table.stat-details tr.details td table.stat-details-inner table.stat-details-inner td:nth-child(1) {
	width: 60%;
}

table.stat-details tr.details td table.stat-details-inner td:nth-child(2) {
	width: 90%;
}

table.stat-details tr.details td table.stat-details-inner td.entities {
	width: 100%;
	white-space: normal;
}

/*table.stat-details.has-duration tr td:nth-child(1), table.stat-details.has-duration tr th:nth-child(1) {
	width: 55px;
	padding: 9px 2px 9px 11px;
}*/

table.stat-details.has-duration tr td:nth-child(2), table.stat-details.has-duration tr th:nth-child(2) {
	width: 70%;
}

table.stat-details.has-duration tr td:nth-child(3), table.stat-details.has-duration tr th:nth-child(3) {
	text-align: right;
	width: 100px;
	font-size: 95%;
}

/*table.stat-details.has-duration tr td:nth-child(4), table.stat-details.has-duration tr th:nth-child(4) {
	text-align: right;
	width: 216px;
	font-size: 95%;
}*/

#empStatistics table.stat-details tr td:nth-child(4), #empStatistics table.stat-details tr th:nth-child(4),
#empCorrelations table.stat-details tr td:nth-child(4), #empCorrelations table.stat-details tr th:nth-child(4) {
	display: none;
}
#empStatistics table.stat-details.has-mood tr td:nth-child(4), #empStatistics table.stat-details.has-mood tr th:nth-child(4),
#empCorrelations table.stat-details.has-mood tr td:nth-child(4), #empCorrelations table.stat-details.has-mood tr th:nth-child(4) {
	display: table-cell;
}

#correlationDetails table.stat-details tr td:nth-child(5), #correlationDetails table.stat-details tr th:nth-child(5) {
	display: none;
}
#correlationDetails table.stat-details.has-mood tr td:nth-child(5), #correlationDetails table.stat-details.has-mood tr th:nth-child(5) {
	display: table-cell;
}

table.stat-details.has-duration tfoot tr.total-entries {
	display: table-row;
}

table.stat-details tfoot tr.load-more {
	cursor: pointer;
}

.highlight .stat-details-inner, .selected .stat-details-inner{
	background: transparent;
}

table.mobiledata {
	width: 100%;
	table-layout: fixed;
}

table.mobiledata tr > td:nth-child(1),
table.mobiledata tr > th:nth-child(1) {
	width: 40%;
}

table.mobiledata tr > td:nth-child(2),
table.mobiledata tr > th:nth-child(2) {
	width: 40%;
}

table.mobiledata tr > td:nth-child(3),
table.mobiledata tr > th:nth-child(3) {
	width: 20%;
}

.users-table tfoot tr td {
	padding: 5px 8px;
}

.users-table tfoot button {
	padding: 10px 18px !important;
	margin: 0;
}

.table--fixed-body {
	display: block;
	padding: 0;
}

.table--fixed-body,
.table--fixed-body * {
	box-sizing: border-box;
}

.table--fixed-body thead, .table--fixed-body tfoot, .table--fixed-body tbody {
	display: block;
}

.table--fixed-body thead tr, .table--fixed-body tfoot tr, .table--fixed-body tbody tr {
	display: block;
}

.table--fixed-body thead tr:before, .table--fixed-body thead tr:after, .table--fixed-body tfoot tr:before, .table--fixed-body tfoot tr:after, .table--fixed-body tbody tr:before, .table--fixed-body tbody tr:after {
	content: "";
	display: table;
}

.table--fixed-body thead tr:after, .table--fixed-body tfoot tr:after, .table--fixed-body tbody tr:after {
	clear: both;
}

.table--fixed-body thead tr th, .table--fixed-body thead tr td, .table--fixed-body tfoot tr th, .table--fixed-body tfoot tr td, .table--fixed-body tbody tr th, .table--fixed-body tbody tr td {
	display: block;
	float: left;
}

.table--fixed-body tbody {
	max-height: 300px;
	overflow: auto;
	position: relative;
}

.table--fixed-body tbody::-webkit-scrollbar {
	width: 5px;
	height: 15px;
}

.table--fixed-body tbody::-webkit-scrollbar-track {
	background: #ddd;
}

.table--fixed-body tbody::-webkit-scrollbar-thumb {
	background: #666;
    border-radius: 10px;
}

.calendar {
	position: absolute;
	border: 1px solid #C0C0C0;
	background-color: #FFFFFF;
	padding: 5px;
	z-index: 100;
	box-shadow: 1px 1px 10px -4px #000000;
}

.calendar table {
	padding: 0px;
}

.calendar table thead tr {
	background-color: rgba(215, 223, 229, 0.5);
	color: #4E6170;
}

.calendar tr td,
.calendar tr th {
	font-size: 16px;
	padding: 8px 8px 8px 8px;
	width: 32px;
	border-right: rgba(35, 35, 35, 0.1) solid 1px;
}

.calendar tr td.non-working, .calendar tr td.non-working:hover, .calendar tr td.future, .calendar tr td.future:hover,
.calendar tr th.non-working,
.calendar tr th.non-working:hover,
.calendar tr th.future,
.calendar tr th.future:hover {
	cursor: default;
	color: gray;
	background-color: #f2f2f2;
}

.calendar tr td {
	text-align: right;
	cursor: pointer;
}

.calendar tr td:hover {
	color: #000000;
}

.calendar tr td.selected {
	background-color: #E0E0E0;
	color: #000000;
}

.calendar tr td.future {
	color: #B2B2B2;
}

.calendar select,
.calendar button {
	padding: 9px 18px;
	margin: 0px 5px 5px 4px !important;
	vertical-align: middle;
}

#timeline-chart {
	height: 164px;
	position: relative;
	overflow-x: scroll;
	overflow-y: hidden;
}

#timeline-chart .ear {
	position: fixed;
	height: 240px;
	width: 50px;
	background-color: #F4F4F4;
}

#timeline-chart .ear.right {
	right: 0;
	margin: -55px -25px 0 0;
	border-left: 1px solid #e8e8e8;
}

#timeline-chart .ear.left {
	float: left;
	margin: -55px 0 0 -51px;
	border-right: 1px solid #e8e8e8;
}

.dayWorkTimeline {
	position: relative;
	width: 100%;
	height: 200px;
	overflow-x: scroll;
	overflow-y: hidden;
	box-sizing: border-box;
}

.dayWorkTimeline *, .dayWorkTimeline *:after, .dayWorkTimeline *:before {
	box-sizing: border-box;
}

.dayWorkTimeline::-webkit-scrollbar {
	height: 5px;
	width: 5px;
}

.dayWorkTimeline::-webkit-scrollbar-track {
	background: #ddd;
}

.dayWorkTimeline::-webkit-scrollbar-thumb {
	background: #888;
}

.dayWorkTimeline.no-data {
	overflow: hidden;
	background: #FFF url("../img/broken_ruler.png") no-repeat center center;
	background-size: contain;
}

.dayWorkTimeline.no-data .timeline-inner {
	display: none;
}

.dayWorkTimeline .timeline-inner {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	padding-top: 5px;
	padding-bottom: 5px;
}

.dayWorkTimeline .timeline-inner:before, .dayWorkTimeline .timeline-inner:after {
	content: "";
	display: table;
}

.dayWorkTimeline .timeline-inner:after {
	clear: both;
}

.dayWorkTimeline .timeline-inner .segment {
	position: relative;
	height: 100%;
	float: left;
	border-left: 1px solid #DDD;
}

.dayWorkTimeline .timeline-inner .segment span {
	position: relative;
	display: block;
	font-size: 11px;
	color: #BBB;
	padding-left: 5px;
	background: #FFF;
	z-index: 1;
}

.dayWorkTimeline .timeline-inner .event {
	background: #F8FAFC;
	border: 1px solid #D0D0D0;
}
.dayWorkTimeline .timeline-inner .event.cursor-pointer {
	cursor: pointer;
}

.dayWorkTimeline .timeline-inner .event:before, .dayWorkTimeline .timeline-inner .event:after {
	content: "";
	display: table;
}

.dayWorkTimeline .timeline-inner .event:after {
	clear: both;
}

.dayWorkTimeline .timeline-inner .event.exclude {
	opacity: 0.5;
}

.dayWorkTimeline .timeline-inner .event .icon {
	display: block;
	float: left;
	height: 18px;
	width: 18px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 80%;
	margin: 0;
}

.dayWorkTimeline .timeline-inner .event span {
	float: left;
	display: block;
	width: calc(100% - 18px);
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	user-select: none;
}

.breadcrumbs {
	padding: 20px 1.5% 0px 1.5%;/**/
}

.breadcrumbs ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.breadcrumbs ul li {
	display: inline-block;
	padding-right: 4px;
}

.breadcrumbs ul li:after {
	content: '/';
	margin-left: 5px;
	font-size: 10px;
}

.breadcrumbs ul li a {
	color: #1e86d9;
	text-decoration: none;
	font-size: 12px;
}

.breadcrumbs ul li:last-child {
	padding-right: 0;
}

.breadcrumbs ul li:last-child:after {
	display: none;
}

.breadcrumbs ul li.current a {
	color: #232323;
	cursor: default;
	pointer-events: none;
	font-weight: normal;
}

.modal {
	position: fixed;
	top: 50vh;
	left: 50vw;
	transform: translate(-50%, -50%);
	background: #FFF;
	width: 95%;
	max-width: 470px;
	box-shadow: 0 0 32px 1px rgba(0, 0, 0, 0.3);
	font-size: 14px;
	border-radius: 3px;
	z-index: 666;
}

.modal::before{
	content: ' ';
	position: fixed;
	top: -50vh;
	left: -50vw;
	height: 200vh;
	width: 200vw;
	background-color: rgba(145, 169, 188, 0.4);
	z-index: -2;
}

.modal-title {
	position: relative;
	padding: 14px 15px;
	background: #1e86d9;
	color: #FFF;
}

.modal-title h3 {
	color: #FFF;
}

.modal table tr th{
	text-align: left;
	color: #FFFFFF;
	background-color: #839aad;
}
.modal table tr td{
	background-color: #f4f8fb;
}
.modal .modal-body pre{
	display: inline;
}

.modal-title button.dismiss {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translate(0, -50%);
	padding: 2px;
	color: #FFF;
	background: transparent;
	border: none;
	outline: none;
	box-shadow: none;
	line-height: 0.55;
	cursor: pointer;
	font-family: sans-serif;
}

.modal-body {
	padding: 20px 15px;
	background-color: #fff;
	max-height: 50vh;
	overflow-y: auto;
}

.modal-body-donotshow {
	margin-top: 10px;
}

.modal-footer {
	padding: 10px 15px;
	border-top: 1px solid #EEE;
	font-size: 13px;
	text-align: right;
	background-color: #fff;
}

.modal-footer button, .modal-footer button.gray, .modal-footer button.button, .modal-footer button.button.gray {
	padding: 4px 8px;
	font-size: 12px;
	margin-left: 2px;
}

.notifications_trigger {
	position: relative;
	float: left;
	padding: 0 20px;
	height: 72px;
	cursor: pointer;
	border: none;
	border-right: 1px solid #efefef;
	color: #7c7c7c;
	font-size: 18px;
	transition: color 320ms ease;
}

.notifications_trigger:hover, .notifications_trigger:active, .notifications_trigger:focus {
	border-right-color: #efefef;
}

.notifications_trigger:hover {
	color: #636363;
}

.notifications_trigger:before {
	position: absolute;
	content: "\f0a2";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.notifications_trigger i.fa {
	opacity: 0.8;
	transition: opacity 320ms ease;
}

.notifications_trigger.open i.fa {
	opacity: 0;
}

.notifications_bar {
	box-sizing: border-box;
	position: fixed;
	width: 320px;
	height: 0px;
	right: 0;
	top: 72px;
	z-index: 99;
	background: #FFF;
	box-shadow: 0 3px 8px -3px #163954;
	overflow: hidden;
}

.notifications_bar_content {
	box-sizing: border-box;
	position: relative;
	overflow-y: auto;
	max-height: calc(100% - 53px);
}

.notifications_bar_content::-webkit-scrollbar {
	width: 4px;
}

.notifications_bar_content::-webkit-scrollbar-track {
	background: #efefef;
}

.notifications_bar_content::-webkit-scrollbar-thumb {
	background: #d5d5d5;
}

.notifications_bar_content .empty-notifications {
	padding: 15px 15px 13px;
	border-bottom: 1px solid #efefef;
	background: white;
	color: #898989;
	user-select: none;
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	cursor: default;
}

.notifications_bar_content .loading-notifications {
	position: relative;
	width: 100%;
	height: 100px;
}

.notifications_bar_content .panel_title {
	padding: 9px 15px 10px;
	border-bottom: 1px solid #efefef;
	cursor: pointer;
	user-select: none;
}

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

.notifications_bar_content .panel_title:after {
	clear: both;
}

.notifications_bar_content .panel_title h3 {
	float: left;
	font-size: 15px;
	width: calc(100% - 16px);
}

.notifications_bar_content .panel_title h3:before, .notifications_bar_content .panel_title h3:after {
	content: "";
	display: table;
}

.notifications_bar_content .panel_title h3:after {
	clear: both;
}

.notifications_bar_content .panel_title h3 span {
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: block;
	float: left;
}

.notifications_bar_content .panel_title h3 .text {
	line-height: 1;
	margin-top: 2.5px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.notifications_bar_content .panel_title h3 .badge {
	padding: 4px 4px 2px;
	color: #FFF;
	background: #494949;
	font-size: 78%;
	width: 16px;
	text-align: center;
	margin-right: 4px;
}

.notifications_bar_content .panel_title h3 .badge sup {
	line-height: 0;
	font-size: 75%;
	position: relative;
	vertical-align: middle;
}

.notifications_bar_content .panel_title .discard {
	width: 16px;
	text-align: right;
	float: right;
	display: block;
	padding: 3px 0;
	border: none;
	color: #494949;
	cursor: pointer;
	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 12px;
	opacity: 0.4;
	transition: opacity 320ms ease;
}

.notifications_bar_content .panel_title .discard:before {
	content: "\f00d";
}

.notifications_bar_content .panel_title .discard:hover {
	opacity: 0.6;
}

.notifications_bar_content .panel_title.above h3 .badge {
	background: #1e86d9;
}

.notifications_bar_content .panel_title.below h3 .badge {
	background: #f1433c;
}

.notifications_bar_content .panel_title.has-badge h3 .text {
	width: calc(100% - 28px);
}

.notifications_bar_content .panel_body {
	overflow: hidden;
}

.notifications_bar_content .panel_body ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.notifications_bar_content .panel_body ul li {
	border-bottom: 1px solid rgba(23, 23, 23, 0.1);
}

.notifications_bar_content .panel_body ul li a {
	position: relative;
	display: block;
	padding: 8px 15px;
	font-size: 13.5px;
	line-height: 24px;
	text-decoration: none;
	color: rgba(35, 35, 35, 0.8);
	transition: all 320ms ease;
}

.notifications_bar_content .panel_body ul li a:before, .notifications_bar_content .panel_body ul li a:after {
	content: "";
	display: table;
}

.notifications_bar_content .panel_body ul li a:after {
	clear: both;
}

.notifications_bar_content .panel_body ul li a span {
	display: block;
}

.notifications_bar_content .panel_body ul li a .user-name {
	float: left;
	width: calc(100% - 50px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.notifications_bar_content .panel_body ul li a .score {
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	float: right;
	text-align: right;
	width: 50px;
}

.notifications_bar_content .panel_body ul li a .bdr {
	position: absolute;
	left: 0;
	top: 0;
	width: 2px;
	height: 100%;
	transform-origin: left center;
	transition: width 200ms ease-in;
}

.notifications_bar_content .panel_body ul li a:hover {
	background: rgba(176, 176, 176, 0.1);
}

.notifications_bar_content .panel_body ul li a:hover .bdr {
	width: 6px;
}

.notifications_bar_title {
	padding: 18px 15px;
	font-size: 16px;
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-bottom: 1px solid #efefef;
	background: #fcfcfc;
}

.corrWidget .card-table {
	font-size: 14px;
	box-shadow: none;
	border-left: none;
	border-right: none;
}

.corrWidget .card-table .corr-widget-row {
	cursor: pointer;
	transition: all 300ms ease;
}

.corrWidget .card-table .corr-widget-row:hover {
	background-color: #f2f2f2;
}

.corrWidget .card-table .data-loading td {
	position: relative;
	height: 46px;
}

.corrWidget .card-table .data-loading td .loading-graph {
	margin: 0;
	transform: translate(-50%, -50%);
}

.corrWidget .card-table th, .corrWidget .card-table td {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.corrWidget .card-table th:nth-child(1), .corrWidget .card-table td:nth-child(1) {
	width: 50%;
}

.corrWidget .card-table th:nth-child(2), .corrWidget .card-table td:nth-child(2) {
	width: 25%;
}

.corrWidget .card-table th:nth-child(3), .corrWidget .card-table td:nth-child(3) {
	width: 25%;
}

.corrWidget .card-table th {
	padding: 10px 20px;
}

.corrWidget .card-table th:nth-child(3) {
	text-align: right;
}

.corrWidget .card-table td {
	padding: 10px 20px;
}

.corrWidget .card-table td:nth-child(3) {
	text-align: right;
	font-weight: bold;
}

.corrWidget .card-table td span {
	display: block;
	float: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.6;
}

.corrWidget .card-table td span.person-email, .corrWidget .card-table td span.person-phone {
	font-size: 90%;
}

.employee-list li a {
	box-shadow: none;
}

.employee-list li a:hover {
	border-left-width: 6px !important;
	box-shadow: none;
	padding-left: 20px;
}

table.employeedata {
	table-layout: fixed;
}

table.employeedata tbody tr td,
table.employeedata tbody tr td *,
table.employeedata tbody tr th,
table.employeedata tbody tr th *,
table.employeedata thead tr td,
table.employeedata thead tr td *,
table.employeedata thead tr th,
table.employeedata thead tr th * {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

table.employeedata tbody tr td:nth-child(1),
table.employeedata tbody tr th:nth-child(1),
table.employeedata thead tr td:nth-child(1),
table.employeedata thead tr th:nth-child(1) {
	width: 16%;
}

table.employeedata tbody tr td:nth-child(2),
table.employeedata tbody tr th:nth-child(2),
table.employeedata thead tr td:nth-child(2),
table.employeedata thead tr th:nth-child(2) {
	width: 24%;
	min-width: 170px;
}

table.employeedata tbody tr td:nth-child(3),
table.employeedata tbody tr th:nth-child(3),
table.employeedata thead tr td:nth-child(3),
table.employeedata thead tr th:nth-child(3) {
	width: 12%;
}

table.employeedata tbody tr td:nth-child(4),
table.employeedata tbody tr th:nth-child(4),
table.employeedata thead tr td:nth-child(4),
table.employeedata thead tr th:nth-child(4) {
	width: 10%;
}

table.employeedata tbody tr td:nth-child(5),
table.employeedata tbody tr th:nth-child(5),
table.employeedata thead tr td:nth-child(5),
table.employeedata thead tr th:nth-child(5) {
	width: 18%;
}

table.employeedata tbody tr td:nth-child(6),
table.employeedata tbody tr th:nth-child(6),
table.employeedata thead tr td:nth-child(6),
table.employeedata thead tr th:nth-child(6) {
	width: 16%;
}

.mgr-dashboard #contentEmployees table.employeedata tbody tr td:nth-child(1),
.mgr-dashboard #contentEmployees table.employeedata tbody tr th:nth-child(1),
.mgr-dashboard #contentEmployees table.employeedata thead tr td:nth-child(1),
.mgr-dashboard #contentEmployees table.employeedata thead tr th:nth-child(1) {
	width: 25%;
}

.mgr-dashboard #contentEmployees table.employeedata tbody tr td:nth-child(2),
.mgr-dashboard #contentEmployees table.employeedata tbody tr th:nth-child(2),
.mgr-dashboard #contentEmployees table.employeedata thead tr td:nth-child(2),
.mgr-dashboard #contentEmployees table.employeedata thead tr th:nth-child(2) {
	width: 20%;
	min-width: 170px;
}

.mgr-dashboard #contentEmployees table.employeedata tbody tr td:nth-child(3),
.mgr-dashboard #contentEmployees table.employeedata tbody tr th:nth-child(3),
.mgr-dashboard #contentEmployees table.employeedata thead tr td:nth-child(3),
.mgr-dashboard #contentEmployees table.employeedata thead tr th:nth-child(3) {
	width: 23%;
}

.mgr-dashboard #contentEmployees table.employeedata tbody tr td:nth-child(4),
.mgr-dashboard #contentEmployees table.employeedata tbody tr th:nth-child(4),
.mgr-dashboard #contentEmployees table.employeedata thead tr td:nth-child(4),
.mgr-dashboard #contentEmployees table.employeedata thead tr th:nth-child(4) {
	width: 15%;
}

.mgr-dashboard #contentEmployees table.employeedata tbody tr td:nth-child(5),
.mgr-dashboard #contentEmployees table.employeedata tbody tr th:nth-child(5),
.mgr-dashboard #contentEmployees table.employeedata thead tr td:nth-child(5),
.mgr-dashboard #contentEmployees table.employeedata thead tr th:nth-child(5) {
	width: 15%;
}

.mgr-dashboard #contentEmployees table.employeedata.employeedata--no-roles tbody tr td:nth-child(1),
.mgr-dashboard #contentEmployees table.employeedata.employeedata--no-roles tbody tr th:nth-child(1),
.mgr-dashboard #contentEmployees table.employeedata.employeedata--no-roles thead tr td:nth-child(1),
.mgr-dashboard #contentEmployees table.employeedata.employeedata--no-roles thead tr th:nth-child(1) {
	width: 33%;
}

.mgr-dashboard #contentEmployees table.employeedata.employeedata--no-roles tbody tr td:nth-child(3),
.mgr-dashboard #contentEmployees table.employeedata.employeedata--no-roles tbody tr th:nth-child(3),
.mgr-dashboard #contentEmployees table.employeedata.employeedata--no-roles thead tr td:nth-child(3),
.mgr-dashboard #contentEmployees table.employeedata.employeedata--no-roles thead tr th:nth-child(3) {
	width: 30%;
}

.mgr-dashboard #contentEmployees table.employeedata.employeedata--no-roles tbody tr td:nth-child(5),
.mgr-dashboard #contentEmployees table.employeedata.employeedata--no-roles tbody tr th:nth-child(5),
.mgr-dashboard #contentEmployees table.employeedata.employeedata--no-roles thead tr td:nth-child(5),
.mgr-dashboard #contentEmployees table.employeedata.employeedata--no-roles thead tr th:nth-child(5) {
	width: 20%;
}

.ent-dashboard table.employeedata tbody tr td:nth-child(1),
.ent-dashboard table.employeedata tbody tr th:nth-child(1),
.ent-dashboard table.employeedata thead tr td:nth-child(1),
.ent-dashboard table.employeedata thead tr th:nth-child(1) {
	width: 20%;
}
.ent-dashboard table.employeedata tbody tr td:nth-child(2),
.ent-dashboard table.employeedata tbody tr th:nth-child(2),
.ent-dashboard table.employeedata thead tr td:nth-child(2),
.ent-dashboard table.employeedata thead tr th:nth-child(2) {
	width: 19%;
	min-width: unset;
}
.ent-dashboard table.employeedata tbody tr td:nth-child(3),
.ent-dashboard table.employeedata tbody tr th:nth-child(3),
.ent-dashboard table.employeedata thead tr td:nth-child(3),
.ent-dashboard table.employeedata thead tr th:nth-child(3) {
	width: 16%;
}
.ent-dashboard table.employeedata tbody tr td:nth-child(4),
.ent-dashboard table.employeedata tbody tr th:nth-child(4),
.ent-dashboard table.employeedata thead tr td:nth-child(4),
.ent-dashboard table.employeedata thead tr th:nth-child(4) {
	width: 15%;
}
.ent-dashboard table.employeedata tbody tr td:nth-child(5),
.ent-dashboard table.employeedata tbody tr th:nth-child(5),
.ent-dashboard table.employeedata thead tr td:nth-child(5),
.ent-dashboard table.employeedata thead tr th:nth-child(5) {
	width: 15%;
}
.ent-dashboard table.employeedata tbody tr td:nth-child(6),
.ent-dashboard table.employeedata tbody tr th:nth-child(6),
.ent-dashboard table.employeedata thead tr td:nth-child(6),
.ent-dashboard table.employeedata thead tr th:nth-child(6) {
	width: 15%;
}

.crx-employees table.employeedata tbody tr td:nth-child(1),
.crx-employees table.employeedata tbody tr th:nth-child(1),
.crx-employees table.employeedata thead tr td:nth-child(1),
.crx-employees table.employeedata thead tr th:nth-child(1) {
	width: 55%;
}

.crx-employees table.employeedata tbody tr td:nth-child(2),
.crx-employees table.employeedata tbody tr th:nth-child(2),
.crx-employees table.employeedata thead tr td:nth-child(2),
.crx-employees table.employeedata thead tr th:nth-child(2) {
	width: 45%;
}

.crx-employees table.employeedata tbody tr td:nth-child(3),
.crx-employees table.employeedata tbody tr th:nth-child(3),
.crx-employees table.employeedata thead tr td:nth-child(3),
.crx-employees table.employeedata thead tr th:nth-child(3) {
	width: 160px;
}

.crx-employees table.employeedata tbody tr td:nth-child(4),
.crx-employees table.employeedata tbody tr th:nth-child(4),
.crx-employees table.employeedata thead tr td:nth-child(4),
.crx-employees table.employeedata thead tr th:nth-child(4) {
	width: 88px;
}

div.arbitd-duration-tabl-wrapper {
	overflow-y: auto;
}

table.arbitd-duration-table {
	width: 100%;
	border: none;
}

table.arbitd-duration-table tbody tr td {
	background-color: #e7eef405;
}

table.arbitd-duration-table thead tr th {
    background-color: #e7eef405;
    color: #000;
    font-weight: bold;
    border: none;
}

table.arbitd-duration-table tfoot tr td {
	padding: 10px 20px;
	background-color: #e7eef405;
}

table.employeedata tbody tr td:first-child {
	line-height: 17px;
	box-shadow: none;
}

#empSettings table.employeedata tbody tr td {
	padding: 0 18px;
}

#empSettings table.employeedata tbody tr td:nth-child(2), #empSettings table.employeedata tbody tr td:nth-child(3), #empSettings table.employeedata tbody tr td:nth-child(4) {
	padding: 0;
}

#empSettings table.employeedata tbody tr td:nth-child(2).has-gutter, #empSettings table.employeedata tbody tr td:nth-child(3).has-gutter, #empSettings table.employeedata tbody tr td:nth-child(4).has-gutter {
	padding: 0 18px;
}

#empSettings table.employeedata tbody tr td input[type="email"] {
	display: block;
	width: 100%;
}

#empSettings table.employeedata tbody tr td select {
	display: block;
	width: 100%;
	margin: -1px 0;
}

table.employeedata tbody tr:hover {
	background-color: rgba(229, 235, 242, 0.6);
}

table.employeedata tbody tr:hover td {
	color: #101010;
}

table.employeedata tbody tr:hover td:first-child {
	border-left-width: 6px !important;
	box-shadow: none;
	padding-left: 14px;
}

table.employeedata tbody tr:hover p {
	color: #101010;
}

table.employeedata tbody tr.no-records td {
	display: table-cell;
}

table.employeedata tbody tr.no-records td i {
	text-align: center;
	padding: 10px;
	display: block;
}
.ent-dashboard table.employeedata tbody tr.no-records td i {
	text-align: left;
	padding: 0px;
	display: block;
}

table.employeedata tbody tr.no-records:hover td:first-child {
	padding-left: 18px;
}

table.employeedata.employeedata--no-roles tr td:nth-child(2),
table.employeedata.employeedata--no-roles tr th:nth-child(2) {
	display: none;
}

#confCallSettings table.employeedata tbody tr,
#crmSettings table.employeedata tbody tr {
	cursor: default;
}

.product-settings .inner-header {
	position: relative;
	background: rgba(255, 255, 255, 0.24);
	overflow: hidden;
}

.product-settings .inner-header:before {
	content: ' ';
	position: absolute;
	top: -4px;
	left: 0;
	width: 100%;
	height: 1px;
	box-shadow: 0 0 10px 0 #163954;
}

.product-settings ul.tabs li.tab-items {
	font-size: 15px;
}

.fd-wrap {
	margin-top: -9px;
}

.full-day-text {
	width: 68%;
	margin-left: 30%;
}

.full-day-text .checkbox,
.full-day-text label {
	display: inline-block;
	vertical-align: middle;
}

.full-day-text label {
	font-size: 90%;
}

.full-day-text .checkbox {
	margin: 0;
	height: auto;
	width: auto;
}

.creds-card {
	padding: 0;
}

.creds-card .card-heading {
	margin: 0;
	padding: 20px 18px;
	border-bottom: 1px solid rgba(35, 35, 35, 0.2);
}

.creds-card .card-heading--select select,
.creds-card .card-heading--select span {
	display: inline-block;
	vertical-align: middle;
}

.creds-card .card-heading--select span {
	margin-right: 6px;
}

.creds-card .card-heading--select select {
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	border: 1px solid #E0E0E0;
}

.creds-card .addNewRow {
	padding: 8px 18px;
}

.creds-card button.addNewRowBtn {
	font-size: 14px;
	box-sizing: border-box;
	padding: 7px 0 !important;
	border: none;
	margin: 0;
	cursor: pointer;
}

.creds-card button.addNewRowBtn span {
	display: inline-block;
	vertical-align: middle;
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.creds-card button.addNewRowBtn i.fa {
	display: inline-block;
	vertical-align: middle;
	color: #1e86d9;
	margin-right: 4px;
}

.creds-card .buttons {
	border-top: 1px solid rgba(148, 148, 148, 0.2);
	padding: 10px 18px;
}

.creds-table {
	table-layout: fixed;
	width: 100%;
}

.creds-table .ac-link {
	text-decoration: none;
	color: inherit;
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 95%;
	margin: 0 7px 0 0;
	padding: 0 !important;
	border: none;
	cursor: pointer;
}

.creds-table .ac-link:last-child {
	margin-right: 0;
}

.creds-table .ac-link:disabled {
	cursor: default;
	opacity: 0.5;
}

.creds-table .ac-link.edit {
	color: #1b78c3;
}

.creds-table .ac-link.edit:hover {
	color: #186aac;
}

.creds-table .ac-link.discard {
	color: #696969;
}

.creds-table .ac-link.delete {
	color: tomato;
}

.creds-table .ac-link.delete:hover {
	color: #ff4d2e;
}

.creds-table .ac-link.done {
	color: green;
}

.creds-table.phone-systems-table {
	border: none;
	box-shadow: none;
}

.creds-table.phone-systems-table tr td {
	position: relative;
}

.creds-table.phone-systems-table tr td:nth-child(1), .creds-table.phone-systems-table tr td:nth-child(2), .creds-table.phone-systems-table tr td:nth-child(3) {
	padding: 0;
}

.creds-table.phone-systems-table tr td i.fa {
	display: none;
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translate(0, -50%);
	font-size: 14px;
	height: 22px;
	width: 22px;
	text-align: center;
	line-height: 22px;
	font-weight: 400;
	border-radius: 100%;
}

.creds-table.phone-systems-table tr td .td-input {
	font-family: 'Linotte-Regular', sans-serif;
	font-size: 14px;
	box-sizing: border-box;
	display: block;
	margin: 0;
	width: 100%;
	border: 1px solid #E0E0E0;
	padding: 11px 17px;
	background-color: rgba(255, 255, 255, 0.25);
	transition: all 0.5s ease-in-out;
}

.creds-table.phone-systems-table tr td .td-input:-moz-placeholder, .creds-table.phone-systems-table tr td .td-input:-ms-input-placeholder, .creds-table.phone-systems-table tr td .td-input::-moz-placeholder, .creds-table.phone-systems-table tr td .td-input::-webkit-input-placeholder {
	color: #FEFEFE;
}

.creds-table.phone-systems-table tr td .td-input:disabled {
	border-color: transparent;
}

.creds-table.phone-systems-table tr.has-error td i.fa {
	display: inline-block;
	background: tomato;
	color: #FFF;
}

.rs-wrap {
	padding: 20px 18px;
	/*max-width: 600px;*/
}

.rs-wrap .input-wrap label {
	display: block;
	text-align: left;
	padding: 10px 5px 10px 0;
}

.rs-wrap .input-wrap.long-text:before, .rs-wrap .input-wrap.long-text:after {
	content: "";
	display: table;
}

.rs-wrap .input-wrap.long-text:after {
	clear: both;
}

.rs-wrap .input-wrap.long-text .label {
	float: left;
	width: 25%;
}

.rs-wrap .input-wrap.long-text .textbox {
	float: left;
	width: 75%;
}

.rs-wrap .buttons {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.input-wrap.product-options {
	margin-top: 30px;
	padding-top: 15px;
	border-top: 1px solid rgba(148, 148, 148, 0.2);
	display: none;
}
.input-wrap.product-options label {
	font-family: "linotte-regular";
	display: inline-block;
}
.input-wrap.long-text.product-options .label {
	width: auto;
    margin-right: 205px;
}
.input-wrap.product-options label.toggle-checkbox {
	padding: 5px 0;
}
.input-wrap.product-options label.toggle-checkbox.disabled .toggles {
	opacity: 0.8;
	pointer-events: none;
}

.crm-modules .module-switches {
	margin: 0 -3px;
}

.crm-modules .module-switches_switch {
	position: relative;
	display: inline-block;
	cursor: pointer;
	margin: 3px 3px;
	user-select: none;
}

.crm-modules .module-switches_switch .text {
	position: relative;
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	display: block;
	padding-right: 14px;
	background: #fcfcfc;
	color: #909090;
	border: 1px solid #909090;
	line-height: 32px;
	border-radius: 3px;
	transition: all 320ms ease;
}

.crm-modules .module-switches_switch .text:before {
	content: "\f10c";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 10px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-left: 8px;
	padding-right: 8px;
	border-right: 1px solid	#e2e2e2;
	margin-right: 8px;
	width: 10px;
	text-align: center;
}

.crm-modules .module-switches_switch input {
	display: none;
}

.crm-modules .module-switches_switch input:checked + .text {
	background: #494949;
	color: #FFF;
	border-color: #494949;
}

.crm-modules .module-switches_switch input:checked + .text:before {
	content: "\f00c";
	border-right-color: #FFF;
}

.crm-modules .form-wrap {
	padding: 20px 18px;
}

.crm-modules .wrap.buttons {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 10px;
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 20px;
	border-top: 1px solid rgba(148, 148, 148, 0.2);
}

.conf-modules .module-switches {
	margin: 0 -3px;
}

.conf-modules .module-switches_switch {
	position: relative;
	display: inline-block;
	cursor: pointer;
	margin: 3px 3px;
	user-select: none;
}

.conf-modules .module-switches_switch .text {
	position: relative;
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	display: block;
	padding-right: 14px;
	background: #fcfcfc;
	color: #909090;
	border: 1px solid #909090;
	line-height: 32px;
	border-radius: 3px;
	transition: all 320ms ease;
}

.conf-modules .module-switches_switch .text:before {
	content: "\f10c";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 10px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-left: 8px;
	padding-right: 8px;
	border-right: 1px solid	#e2e2e2;
	margin-right: 8px;
	width: 10px;
	text-align: center;
}

.conf-modules .module-switches_switch input {
	display: none;
}

.conf-modules .module-switches_switch input:checked + .text {
	background: #494949;
	color: #FFF;
	border-color: #494949;
}

.conf-modules .module-switches_switch input:checked + .text:before {
	content: "\f00c";
	border-right-color: #FFF;
}

.conf-modules .form-wrap {
	padding: 20px 18px;
}

.conf-modules .wrap.buttons {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 10px;
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 20px;
	border-top: 1px solid rgba(148, 148, 148, 0.2);
}

.phone-modules .module-switches {
	margin: 0 -3px;
}

.phone-modules .module-switches_switch {
	position: relative;
	display: inline-block;
	cursor: pointer;
	margin: 0 3px;
	user-select: none;
}

.phone-modules .module-switches_switch .text {
	position: relative;
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	display: block;
	padding-right: 14px;
	background: #fcfcfc;
	color: #909090;
	border: 1px solid #909090;
	line-height: 32px;
	border-radius: 3px;
	transition: all 320ms ease;
}

.phone-modules .module-switches_switch .text:before {
	content: "\f10c";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 10px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-left: 8px;
	padding-right: 8px;
	border-right: 1px solid	#e2e2e2;
	margin-right: 8px;
	width: 10px;
	text-align: center;
}

.phone-modules .module-switches_switch input {
	display: none;
}

.phone-modules .module-switches_switch input:checked + .text {
	background: #494949;
	color: #FFF;
	border-color: #494949;
}

.phone-modules .module-switches_switch input:checked + .text:before {
	content: "\f00c";
	border-right-color: #FFF;
}

.phone-modules .form-wrap {
	padding: 20px 18px;
}

.phone-modules .wrap.buttons {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 10px;
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 20px;
	border-top: 1px solid rgba(148, 148, 148, 0.2);
}

.cust-support-modules .module-switches {
	margin: 0 -3px;
}

.cust-support-modules .module-switches_switch {
	position: relative;
	display: inline-block;
	cursor: pointer;
	margin: 3px 3px;
	user-select: none;
}

.cust-support-modules .module-switches_switch .text {
	position: relative;
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	display: block;
	padding-right: 14px;
	background: #fcfcfc;
	color: #909090;
	border: 1px solid #909090;
	line-height: 32px;
	border-radius: 3px;
	transition: all 320ms ease;
}

.cust-support-modules .module-switches_switch .text:before {
	content: "\f10c";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 10px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-left: 8px;
	padding-right: 8px;
	border-right: 1px solid	#e2e2e2;
	margin-right: 8px;
	width: 10px;
	text-align: center;
}

.cust-support-modules .module-switches_switch input {
	display: none;
}

.cust-support-modules .module-switches_switch input:checked + .text {
	background: #494949;
	color: #FFF;
	border-color: #494949;
}

.cust-support-modules .module-switches_switch input:checked + .text:before {
	content: "\f00c";
	border-right-color: #FFF;
}

.cust-support-modules .form-wrap {
	padding: 20px 18px;
}

.cust-support-modules .wrap.buttons {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 10px;
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 20px;
	border-top: 1px solid rgba(148, 148, 148, 0.2);
}

.cc-modules .module-switches {
	margin: 0 -3px;
}

.cc-modules .module-switches_switch {
	position: relative;
	display: inline-block;
	cursor: pointer;
	margin: 3px 3px;
	user-select: none;
}

.cc-modules .module-switches_switch .text {
	position: relative;
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	display: block;
	padding-right: 14px;
	background: #fcfcfc;
	color: #909090;
	border: 1px solid #909090;
	line-height: 32px;
	border-radius: 3px;
	transition: all 320ms ease;
}

.cc-modules .module-switches_switch .text:before {
	content: "\f10c";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 10px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-left: 8px;
	padding-right: 8px;
	border-right: 1px solid	#e2e2e2;
	margin-right: 8px;
	width: 10px;
	text-align: center;
}

.cc-modules .module-switches_switch input {
	display: none;
}

.cc-modules .module-switches_switch input:checked + .text {
	background: #494949;
	color: #FFF;
	border-color: #494949;
}

.cc-modules .module-switches_switch input:checked + .text:before {
	content: "\f00c";
	border-right-color: #FFF;
}

.cc-modules .form-wrap {
	padding: 20px 18px;
}

.cc-modules .wrap.buttons {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 10px;
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 20px;
	border-top: 1px solid rgba(148, 148, 148, 0.2);
}

.wrap .github-guide {
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	clear: both;
	width: 68%;
	margin-top: 4px;
	font-size: 100%;
	color: #565656;
}

.devtool-modules .module-switches {
	margin: 0 -3px;
}

.devtool-modules .module-switches_switch {
	position: relative;
	display: inline-block;
	cursor: pointer;
	margin: 0 3px;
	user-select: none;
}

.devtool-modules .module-switches_switch .text {
	position: relative;
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	display: block;
	padding-right: 14px;
	background: #fcfcfc;
	color: #909090;
	border: 1px solid #909090;
	line-height: 32px;
	border-radius: 3px;
	transition: all 320ms ease;
}

.devtool-modules .module-switches_switch .text:before {
	content: "\f10c";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 10px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-left: 8px;
	padding-right: 8px;
	border-right: 1px solid	#e2e2e2;
	margin-right: 8px;
	width: 10px;
	text-align: center;
}

.devtool-modules .module-switches_switch input {
	display: none;
}

.devtool-modules .module-switches_switch input:checked + .text {
	background: #494949;
	color: #FFF;
	border-color: #494949;
}

.devtool-modules .module-switches_switch input:checked + .text:before {
	content: "\f00c";
	border-right-color: #FFF;
}

.devtool-modules .form-wrap {
	padding: 20px 18px;
}

.devtool-modules .wrap.buttons {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 10px;
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 20px;
	border-top: 1px solid rgba(148, 148, 148, 0.2);
}

/* jira other modules -----> */

.jira-multi-select {
	margin-top: 15px;
	padding-bottom: 0px;
}

.jira-selected-modules {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 8px;
	padding-left: 15px;
    display: flex;
    flex-wrap: wrap;
    cursor: pointer;
}

.jira-selected-modules input {
    border: none;
    outline: none;
    flex: 1;
}

.jira-om-chip {
    background-color: #494949;
    color: white;
    padding: 5px 10px;
    margin: 5px;
    display: inline-flex;
    align-items: center;
	border-radius: 4px;
}

.jira-om-chip .close {
    margin-left: 5px;
    cursor: pointer;
}

.jira-other-module-content {
    border: 1px solid #ccc;
    background-color: white;
	padding: 8px;
}

.jira-om-option {
    background-color: #EDEAEA;
    color: black;
    padding: 5px 10px;
    margin: 5px;
    display: inline-flex;
    align-items: center;
	cursor: pointer;
	border-radius: 4px;
}

.jira-om-option:hover {
    background-color: #686868;
	color: white;
}

/* jira other modules <------ */

.mgt-modules .module-switches {
	margin: 0 -3px;
}

.mgt-modules .module-switches_switch {
	position: relative;
	display: inline-block;
	cursor: pointer;
	margin: 3px 3px;
	user-select: none;
}

.mgt-modules .module-switches_switch .text {
	position: relative;
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	display: block;
	padding-right: 14px;
	background: #fcfcfc;
	color: #909090;
	border: 1px solid #909090;
	line-height: 32px;
	border-radius: 3px;
	transition: all 320ms ease;
}

.mgt-modules .module-switches_switch .text:before {
	content: "\f10c";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 10px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-left: 8px;
	padding-right: 8px;
	border-right: 1px solid	#e2e2e2;
	margin-right: 8px;
	width: 10px;
	text-align: center;
}

.mgt-modules .module-switches_switch input {
	display: none;
}

.mgt-modules .module-switches_switch input:checked + .text {
	background: #494949;
	color: #FFF;
	border-color: #494949;
}

.mgt-modules .module-switches_switch input:checked + .text:before {
	content: "\f00c";
	border-right-color: #FFF;
}

.mgt-modules .form-wrap {
	padding: 20px 18px;
}

.mgt-modules .wrap.buttons {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 10px;
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 20px;
	border-top: 1px solid rgba(148, 148, 148, 0.2);
}


.mgt-jira .module-switches {
	margin: 0 -3px;
}

.mgt-jira .module-switches_switch {
	position: relative;
	display: inline-block;
	cursor: pointer;
	margin: 3px 3px;
	user-select: none;
}

.mgt-jira .module-switches_switch .text {
	position: relative;
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	display: block;
	padding-right: 14px;
	background: #fcfcfc;
	color: #909090;
	border: 1px solid #909090;
	line-height: 32px;
	border-radius: 3px;
	transition: all 320ms ease;
}

.mgt-jira .module-switches_switch .text:before {
	content: "\f10c";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 10px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-left: 8px;
	padding-right: 8px;
	border-right: 1px solid	#e2e2e2;
	margin-right: 8px;
	width: 10px;
	text-align: center;
}

.mgt-jira .module-switches_switch input {
	display: none;
}

.mgt-jira .module-switches_switch input:checked + .text {
	background: #494949;
	color: #FFF;
	border-color: #494949;
}

.mgt-jira .module-switches_switch input:checked + .text:before {
	content: "\f00c";
	border-right-color: #FFF;
}

.mgt-jira .form-wrap {
	padding: 20px 18px;
}

.mgt-jira .wrap.buttons {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 10px;
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 20px;
	border-top: 1px solid rgba(148, 148, 148, 0.2);
}

.jira-projects .module-switches_switch {
	position: relative;
	display: inline-block;
	cursor: pointer;
	margin: 3px 3px;
	user-select: none;
}

.jira-projects .module-switches_switch .text {
	position: relative;
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	display: block;
	padding-right: 14px;
	background: #fcfcfc;
	color: #909090;
	border: 1px solid #909090;
	line-height: 32px;
	border-radius: 3px;
	transition: all 320ms ease;
}

.jira-projects .module-switches_switch .text:before {
	content: "\f10c";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 10px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-left: 8px;
	padding-right: 8px;
	border-right: 1px solid	#e2e2e2;
	margin-right: 8px;
	width: 10px;
	text-align: center;
}

.jira-projects .module-switches_switch input {
	display: none;
}

.jira-projects .module-switches_switch input:checked + .text {
	background: #494949;
	color: #FFF;
	border-color: #494949;
}

.jira-projects .module-switches_switch input:checked + .text:before {
	content: "\f00c";
	border-right-color: #FFF;
}

.jira-add-site {
	display: inline-block;
	background-color: #1e86d9;
	color: white;
	padding: 10px 20px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
}


.employeedata.table--fixed-body tbody {
	max-height: calc(100vh - 350px);
}

.screenshot .empSettings_users.table--fixed-body tbody {
	max-height: 184px;
}

/* Only for Bulk Update Page */
.empSettings_users.bulk_update_table tbody tr td:nth-child(1),
.empSettings_users.bulk_update_table tbody tr th:nth-child(1),
.empSettings_users.bulk_update_table thead tr td:nth-child(1),
.empSettings_users.bulk_update_table thead tr th:nth-child(1) {
	width: 20%;
	min-width: 115px;
}


.empSettings_users.bulk_update_table tbody tr td:nth-child(2),
.empSettings_users.bulk_update_table tbody tr th:nth-child(2),
.empSettings_users.bulk_update_table thead tr td:nth-child(2),
.empSettings_users.bulk_update_table thead tr th:nth-child(2) {
	width: 10%;
	min-width: 115px;
}


.empSettings_users.bulk_update_table tbody tr td:nth-child(3),
.empSettings_users.bulk_update_table tbody tr th:nth-child(3),
.empSettings_users.bulk_update_table thead tr td:nth-child(3),
.empSettings_users.bulk_update_table thead tr th:nth-child(3) {
	width: 17%;
	min-width: 115px;
}

.empSettings_users.bulk_update_table tbody tr td:nth-child(5),
.empSettings_users.bulk_update_table tbody tr th:nth-child(5),
.empSettings_users.bulk_update_table thead tr td:nth-child(5),
.empSettings_users.bulk_update_table thead tr th:nth-child(5) {
	width: 17%;
	min-width: 115px;
}

.empSettings_users.bulk_update_table tbody tr td:nth-child(6),
.empSettings_users.bulk_update_table tbody tr th:nth-child(6),
.empSettings_users.bulk_update_table thead tr td:nth-child(6),
.empSettings_users.bulk_update_table thead tr th:nth-child(6) {
	width: 20%;
	min-width: 115px;
}

.correlationsOrgData-wrap .correlation-details {
	display: none;
	padding: 0;
}

.correlationsOrgData-wrap .correlation-details.active {
	display: block;
}

.correlationsOrgData-wrap .correlation-details thead, .correlationsOrgData-wrap .correlation-details tbody {
	display: block;
}

.correlationsOrgData-wrap .correlation-details thead tr {
	display: block;
	padding: 14px 18px;
}

.correlationsOrgData-wrap .correlation-details thead tr:before, .correlationsOrgData-wrap .correlation-details thead tr:after {
	content: "";
	display: table;
}

.correlationsOrgData-wrap .correlation-details thead tr:after {
	clear: both;
}

.correlationsOrgData-wrap .correlation-details thead tr th {
	display: block;
	float: left;
	padding: 0;
	min-height: 1px;
}
.correlationsOrgData-wrap .correlation-details thead tr th:nth-child(1) {
	width: 80%;
}
.correlationsOrgData-wrap .correlation-details thead tr th:nth-child(2) {
	width: 20%;
}
.correlationsOrgData-wrap .correlation-details thead tr th.score {
	width: 20%;
	text-align: right;
}

.correlationsOrgData-wrap .correlation-details thead tr th.with-tooltip .tooltip {
	font-size: 14px;
	display: none;
}

.correlationsOrgData-wrap .correlation-details thead tr th.with-tooltip:hover .title-tooltip {
	display: none;
}

.correlationsOrgData-wrap .correlation-details thead tr th.with-tooltip:hover .tooltip {
	display: inline-block;
}

.correlationsOrgData-wrap .correlation-details tbody {
	max-height: 69vh;
	overflow: auto;
}

.correlationsOrgData-wrap .correlation-details tbody::-webkit-scrollbar {
	width: 5px;
}

.correlationsOrgData-wrap .correlation-details tbody::-webkit-scrollbar-track {
	background: #ddd;
}

.correlationsOrgData-wrap .correlation-details tbody::-webkit-scrollbar-thumb {
	background: #666;
}

.correlationsOrgData-wrap .correlation-details tbody > tr {
	display: block;
	width: 100%;
	position: relative;
	box-sizing: border-box;
}

.correlationsOrgData-wrap .correlation-details tbody > tr:before, .correlationsOrgData-wrap .correlation-details tbody > tr:after {
	content: "";
	display: table;
}

.correlationsOrgData-wrap .correlation-details tbody > tr:after {
	clear: both;
}

.correlationsOrgData-wrap .correlation-details tbody > tr.no-records td, .correlationsOrgData-wrap .correlation-details tbody > tr.data-loading td {
	text-align: center;
	cursor: default;
	width: 100%;
	float: none;
}

.correlationsOrgData-wrap .correlation-details tbody > tr.data-loading {
	height: 100%;
}

.correlationsOrgData-wrap .correlation-details tbody > tr.data-loading td {
	position: relative;
	height: 100%;
}

.correlationsOrgData-wrap .correlation-details tbody > tr.data-loading td .loading-graph {
	margin: 0;
	transform: translate(-50%, -50%);
}

.correlationsOrgData-wrap .correlation-details tbody > tr td {
	display: block;
	float: left;
	white-space: nowrap;
	/*overflow: hidden;*/
	text-overflow: ellipsis;
	box-sizing: border-box;
}
.correlationsOrgData-wrap .correlation-details tbody > tr td:nth-child(1) {
	width: 80%;
}
.correlationsOrgData-wrap .correlation-details tbody > tr td:nth-child(2) {
	width: 20%;
}
.correlationsOrgData-wrap .correlation-details tbody > tr td.score {
	width: 20%;
	text-align: right;
}

.correlationsOrgData-wrap .correlation-details tbody > tr {
	transition: all 320ms ease;
	cursor: pointer;
	padding: 12px 18px;
}

.correlationsOrgData-wrap .correlation-details tbody > tr td {
	padding: 0;
	cursor: pointer;
	transition: all 320ms ease;
}

.correlationsOrgData-wrap .correlation-details tbody > tr:hover {
	background: #f9f9f9;
}
.correlationsOrgData-wrap .correlation-details tbody > tr.highlight:hover {
	background: #dbe8ef;
}

.correlationsOrgData-wrap .correlation-details tbody > tr.active,
.correlationsOrgData-wrap .correlation-details tbody > tr.active:hover,
.correlationsOrgData-wrap .correlation-details tbody > tr.active:focus {
	cursor: default;
	background: #cceaf9;
}

.correlationsOrgData-wrap .correlation-details tbody > tr.active td,
.correlationsOrgData-wrap .correlation-details tbody > tr.active:hover td,
.correlationsOrgData-wrap .correlation-details tbody > tr.active:focus td {
	cursor: default;
	color: #232323;
}

.correlationsPplData tbody tr td span.person-name {
	display: block;
}

.correlationsPplData tbody tr td span.person-email, .correlationsPplData tbody tr td span.person-phone {
	display: block;
	font-size: 85%;
	line-height: 1.6;
}

.table-title {
	border-bottom: 1px solid #f4f4f4;
}

.correlation-org-details {
	padding: 28px;
	background: #e9e9e9;
}

.correlation-more-details-table {
	margin-bottom: 20px;
	min-height: 0;
}

.correlation-more-details-table:last-child {
	margin-bottom: 0;
}

.correlation-more-details-table tr td.score, .correlation-more-details-table tr th.score {
	text-align: right;
}

.correlation-more-details-table tr td {
	padding: 9px 18px;
	cursor: pointer;
}

.correlation-more-details-table tr td.score {
	padding-right: 18px;
	width: 10px;
}

.correlation-more-details-table tr td.icon-col,
.correlation-more-details-table tr th.icon-col {
	padding: 10px 2px 10px 18px;
}

.correlations-toggles {
	background: #FFF;
}

.correlations-toggles:before, .correlations-toggles:after {
	content: "";
	display: table;
}

.correlations-toggles:after {
	clear: both;
}

.correlations-toggles a {
	display: block;
	float: left;
	width: 50%;
	text-align: center;
	text-decoration: none;
	color: #232323;
	font-weight: bold;
	padding: 18px 18px;
	box-sizing: border-box;
	border: 1px solid #f4f4f4;
	background: #f4f4f4;
	transition: all 300ms ease;
}

.correlations-toggles a:hover {
	background: #f9f9f9;
}

.correlations-toggles a.active, .correlations-toggles a.active:hover, .correlations-toggles a.active:focus, .correlations-toggles a.active:active {
	cursor: default;
	background: #FFF;
}

.correlation-instances-table {
	table-layout: fixed;
	min-height: 0;
}

.correlation-instances-table tr td:nth-child(1), .correlation-instances-table tr th:nth-child(1) {
	width: 20%;
}

/*.correlation-instances-table tr td:nth-child(2), .correlation-instances-table tr th:nth-child(2) {
	width: 5%;
}*/

.correlation-instances-table tr td:nth-child(3), .correlation-instances-table tr th:nth-child(3) {
	width: 55%;
}

.correlation-instances-table tr td:nth-child(4), .correlation-instances-table tr th:nth-child(4) {
	width: 20%;
}

.correlation-instances-table tr td.icon-col, .correlation-instances-table tr th.icon-col {
	position: relative;
	text-align: center;
}

.correlation-instances-table tr td.icon-col .icon, .correlation-instances-table tr th.icon-col .icon {
	float: none;
	margin: 0 auto;
}

.correlation-instances-table tr td.icon-col .icon-x, .correlation-instances-table tr th.icon-col .icon-x {
	position: absolute;
	font-size: 10px;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: -1px 1px 1px 0 rgba(204, 204, 204, 0.7);
	top: 5px;
	right: 5px;
	width: 14px;
	height: 14px;
	padding: 1px;
	border-radius: 2px;
}

.emp-header.one-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	overflow: visible;
}

.emp-header.one-row > .col {
	float: none;
	display: flex;
	margin-top: 0;
	margin-bottom: 0;
}

.emp-header-buttons {
	position: absolute;
	top: -44px;
	right: 0.5%;
	width: 40.67%;
	text-align: right;
}

.emp-header-card {
	padding: 12px;
	min-height: 0;
}

.emp-header .emp-details {
	position: relative;
}

.emp-header .emp-details:before, .emp-header .emp-details:after {
	content: "";
	display: table;
}

.emp-header .emp-details:after {
	clear: both;
}

.emp-header .emp-details-left {
	float: left;
}

.emp-header .emp-details-right {
	float: left;
	width: calc(100% - 76px);
	padding-left: 12px;
}

.emp-header .emp-details-right a {
	text-decoration: none;
	color: #1e86d9;
}

.emp-header .emp-details-right a:hover {
	color: #186aac;
}

.emp-header .emp-details-right .role {
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: rgba(35, 35, 35, 0.8);
}

.emp-header .emp-details-right .user-name {
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 20px;
	margin-top: 4px;
}

.emp-header .emp-details-right .manager {
	margin-top: 12px;
	color: rgba(35, 35, 35, 0.8);
}

.emp-header .emp-details-right .manager a {
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.emp-header .emp-details .circle {
	height: 60px;
	width: 60px;
	background-size: contain;
	border-radius: 100%;
}

.emp-header .emp-details .circle span {
	display: block;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	line-height: 57px;
	font-weight: bold;
	color: white;
	font-size: 18px;
	position: relative;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
}

.emp-header .emp-status-details > div {
	margin-bottom: 12px;
}

.emp-header .emp-status-details > div:first-child {
	margin-top: 3px;
}

.emp-header .emp-status-details > div:last-child {
	margin-bottom: 3px;
}

.emp-header .emp-status-details > div > span {
	font-size: 24px;
}

.emp-header .emp-status-details .score.above, .emp-header .emp-status-details .score.increase {
	color: #1e86d9;
}

.emp-header .emp-status-details .score.baseline, .emp-header .emp-status-details .score.same {
	color: #494949;
}

.emp-header .emp-status-details .score.below, .emp-header .emp-status-details .score.decrease {
	color: #f1433c;
}

.emp-header .emp-status-details .delta.above, .emp-header .emp-status-details .delta.increase {
	color: #1e86d9;
}

.emp-header .emp-status-details .delta.baseline, .emp-header .emp-status-details .delta.same {
	color: #494949;
}

.emp-header .emp-status-details .delta.below, .emp-header .emp-status-details .delta.decrease {
	color: #f1433c;
}

/* .emp-header .emp-status-details .delta.decrease:before, .emp-header .emp-status-details .delta.increase:before {
	display: inline-block;
	margin-right: 5px;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 14px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
} */

/* .emp-header .emp-status-details .delta.decrease:before {
	content: "\f0d7";
}

.emp-header .emp-status-details .delta.increase:before {
	content: "\f0d8";
} */

.employee-tabs .card-tabs-nav {
	margin-left: 1.5%;
	margin-right: 1.5%;
}

.employee-tabs .card-tabs-nav {
	margin-bottom: 0;
	border-bottom-width: 6px;
	border-bottom-color: #FFF;
}

.employee-tabs .card-tabs-nav a.active {
	color: #222;
	background: #FFF;
	border: 1px solid #fff;
	border-bottom-color: transparent;
}

.employee-tabs .card-tabs-nav a:hover {
	border-bottom-color: #FFF;
}

.employee-tabs .card-tabs-body {
	padding: 0;
}

.emp-correlation-instances-table {
	table-layout: fixed;
	min-height: 0;
}

.emp-correlation-instances-table tr td:nth-child(1), .emp-correlation-instances-table tr th:nth-child(1) {
	width: 5%;
}
/*.emp-correlation-instances-table tr td:nth-child(2), .emp-correlation-instances-table tr th:nth-child(2) {
	width: 50%;
}*/
.emp-correlation-instances-table tr td:nth-child(3), .emp-correlation-instances-table tr th:nth-child(3) {
	width: 128px;
	font-size: 95%;
}
.emp-correlation-instances-table tr td:nth-child(4), .emp-correlation-instances-table tr th:nth-child(4) {
	width: 68px;
	text-align: center;
	font-size: 95%;
}

.emp-correlation-instances-table tr td.icon-col, .emp-correlation-instances-table tr th.icon-col {
	position: relative;
	text-align: center;
}

.emp-correlation-instances-table tr td.icon-col .icon, .emp-correlation-instances-table tr th.icon-col .icon {
	float: none;
	margin: 0 auto;
}

.emp-correlation-instances-table tr td.icon-col .icon-x, .emp-correlation-instances-table tr th.icon-col .icon-x {
	position: absolute;
	font-size: 10px;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: -1px 1px 1px 0 rgba(204, 204, 204, 0.7);
	top: 5px;
	right: 5px;
	width: 14px;
	height: 14px;
	padding: 1px;
	border-radius: 2px;
}

.emp-correlation-instances-table tr.no-records td:nth-child(1) {
	width: 100%;
}

@media only screen and (max-device-width: 768px) {
	.content .one-row .col-1 {
		width: 15.66%;
	}
	.content .one-row .col-2 {
		width: 32.33%;
	}
	.content .one-row .col-3, .content .one-row .col-4, .content .one-row .col-5 {
		width: 49%;
	}
	.content .one-row .col-6, .content .one-row .col-7, .content .one-row .col-8, .content .one-row .col-9, .content .one-row .col-10, .content .one-row .col-11, .content .one-row .col-12 {
		width: 99%;
	}
	.content .one-row .tablet-hide {
		display: none;
	}
}

@media only screen and (max-width: 380px) {
	.login-block {
		padding: 30px 20px;
	}
	.logo-wrapper {
		width: 220px;
		margin-bottom: 15px;
	}
}

@media only screen and (max-device-width: 480px) {
	.content .one-row .col-1, .content .one-row .col-2 {
		width: 32.33%;
	}
	.content .one-row .col-3 {
		width: 49%;
	}
	.content .one-row .col-4, .content .one-row .col-5, .content .one-row .col-6, .content .one-row .col-7, .content .one-row .col-8, .content .one-row .col-9, .content .one-row .col-10, .content .one-row .col-11, .content .one-row .col-12 {
		width: 99%;
	}
	.content .mobile-hide {
		display: none;
	}
}

@media only screen and (min-width: 1820px) {
  .one-row .col.col-12 table.responsive-table {
    width: 100% !important;
  }
}


.erp-modules .module-switches {
	margin: 0 -3px;
}

.erp-modules .module-switches_switch {
	position: relative;
	display: inline-block;
	cursor: pointer;
	margin: 0 3px;
	user-select: none;
}

.erp-modules .module-switches_switch .text {
	position: relative;
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	display: block;
	padding-right: 14px;
	background: #fcfcfc;
	color: #909090;
	border: 1px solid #909090;
	line-height: 32px;
	border-radius: 3px;
	transition: all 320ms ease;
}

.erp-modules .module-switches_switch .text:before {
	content: "\f10c";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 10px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-left: 8px;
	padding-right: 8px;
	border-right: 1px solid	#e2e2e2;
	margin-right: 8px;
	width: 10px;
	text-align: center;
}

.erp-modules .module-switches_switch input {
	display: none;
}

.erp-modules .module-switches_switch input:checked + .text {
	background: #494949;
	color: #FFF;
	border-color: #494949;
}

.erp-modules .module-switches_switch input:checked + .text:before {
	content: "\f00c";
	border-right-color: #FFF;
}

.erp-modules .form-wrap {
	padding: 20px 18px;
}

.erp-modules .wrap.buttons {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 10px;
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 20px;
	border-top: 1px solid rgba(148, 148, 148, 0.2);
}


.agent-employees table.employeedata tbody tr td:nth-child(1),
.agent-employees table.employeedata tbody tr th:nth-child(1),
.agent-employees table.employeedata thead tr td:nth-child(1),
.agent-employees table.employeedata thead tr th:nth-child(1) {
	width: 55%;
}

.agent-employees table.employeedata tbody tr td:nth-child(2),
.agent-employees table.employeedata tbody tr th:nth-child(2),
.agent-employees table.employeedata thead tr td:nth-child(2),
.agent-employees table.employeedata thead tr th:nth-child(2) {
	width: 45%;
}

.agent-employees table.employeedata tbody tr td:nth-child(3),
.agent-employees table.employeedata tbody tr th:nth-child(3),
.agent-employees table.employeedata thead tr td:nth-child(3),
.agent-employees table.employeedata thead tr th:nth-child(3) {
	width: 160px;
}
.agent-employees table.employeedata tbody tr td:nth-child(4),
.agent-employees table.employeedata tbody tr th:nth-child(4),
.agent-employees table.employeedata thead tr td:nth-child(4),
.agent-employees table.employeedata thead tr th:nth-child(4) {
	width: 88px;
}

#crxSettings .card-tabs-nav,
#agentSettings .card-tabs-nav {
	margin: 0 0 10px;
	width: fit-content;
}

#disconnectReports .card-body .card-wrap {
	padding: 0 0 5px;
	border: unset;
	min-height: unset;
}

#disconnectReports .card-body .card-heading {
	padding: 15px 18px;
    font-size: 15px;
    margin-bottom: 20px;
}

#disconnectReports .card-body .form-wrap {
	border-top: unset;
    padding: 0 20px;
    margin-top: 5px;
}

#disconnectReports .card-body .form-wrap .wrap {
	margin: 0;
}

#disconnectReports .card-body .form-wrap .wrap .input-wrap .label {
	font-size: 15px;
}

#disconnectReports .card-body .form-wrap table.recipients-table {
	width: 92%;
	margin: 0 4% 0;
}

#disconnectReports .card-body .form-wrap table.recipients-table tbody {
	max-height: calc(65vh - 279px);
}

#disconnectReports table.recipients-table tbody tr td:nth-child(1),
#disconnectReports table.recipients-table tbody tr th:nth-child(1),
#disconnectReports table.recipients-table thead tr td:nth-child(1),
#disconnectReports table.recipients-table thead tr th:nth-child(1) {
	width: 45%;
}
#disconnectReports table.recipients-table tbody tr td:nth-child(2),
#disconnectReports table.recipients-table tbody tr th:nth-child(2),
#disconnectReports table.recipients-table thead tr td:nth-child(2),
#disconnectReports table.recipients-table thead tr th:nth-child(2) {
	width: 35%;
}
#disconnectReports table.recipients-table tbody tr td:nth-child(3),
#disconnectReports table.recipients-table tbody tr th:nth-child(3),
#disconnectReports table.recipients-table thead tr td:nth-child(3),
#disconnectReports table.recipients-table thead tr th:nth-child(3) {
	width: 20%;
	padding: 6px 15px;
	min-width: unset;
}

#disconnectReports .card-body div.buttons {
	margin-top: 10px;
}


#working-shift-wrapper input[type='text'] {
	/* background-color: rgb(238, 238, 230); */
	width: 130px;
	height: 38px;
	text-align: center;
	border-radius: 4px;
	font-size: 11px;
}

#working-shift-wrapper .btngroup {
	height: 38px;
	width: 38px;
	font-size: 11px;
	margin-top: -22px;
	padding-left: 10px;
}

#working-shift-wrapper div.btngroup {
	margin-right: 10px;
	margin-left: 10px;
}

#working-shift-wrapper .label.left-label  {
	color: rgb(33, 33, 29);
	width: 14%;
    padding-right: 1%;
	font-size: 12px;
}
#working-shift-wrapper .label.left-label.middle_divider{
	width: 2%;
	font-weight: bolder;
	font-size: 17px;
}

.input-wrap.annotation-row div.row-controls button {
	width: 25px;
	height: 25px;
}

.user-roles-list {
	background-color: white;
	font-weight:bold;
}

.one-user-role {
	display: inline-block;
	padding: 20px;
	margin-right: 20px;
}

.one-user-role-raw {
	display: inline-block;
	padding: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.add-user-role {
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
}

.add-user-role:hover {
	cursor: pointer;
	background-color: #F4F4F4;
}

.selected-role-section {
	border-bottom: 3px solid #1E86D9;
}

.one-user-role:hover {
	cursor: pointer;
	background-color: #F4F4F4;
}

.one-user-role.icon.icon-more-user-roles {
	background-image: url("../img/icons/chevron-pointing-to-the-down.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 25px;
}

.icon.icon-plus-circle {
	background-image: url("../img/icons/plus-circle.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 18px;
}

.form-wrap .wrap.buttons.user-roles-buttons {
	margin-left: 30%;
	width: 68%;
}

#role-selector {
	position: absolute;
	top: 50px;
	right: 20px;
	background-color: white;
	width: 300px;
	z-index: 1000;
	max-height: 400px;
  	overflow-y: auto;
}

#role-selector-input {
	padding: 2px;
	border: 1px solid #E2E2E2;
}

#role-selector-input input{
	border: none;
	padding: 10px;
	margin-right: 5px;
	width: 83%;
}

#role-selector-input p {
	padding: 10px;
	cursor: pointer;
}

#role-selector-input p:hover {
	padding: 10px;
	background-color: #F4F4F4;
}

#empPatterns .one-row .col {
	margin: 2px 0.5% !important;
}


#empPatterns #static-product-row .tablerow{
    opacity: 1;
    z-index: 1;
    background-color: rgb(255 255 255);
    position: sticky;
    top: -0.3px;
}

#empPatterns #static-product-row .static-product-wrapper {
	padding: 0px !important;
    overflow-y: auto;
	height: 53vh;
    min-height: 160px;
    /* max-height: 420px; */
}

#chartEmployeeWeekday {
	height: 43vh !important;
    min-height: 160px;
    max-height: 420px;
}

table.static-product-row-table {
	width: 100%;
	box-shadow: none !important;
}

table.static-product-row-table thead tr th {
	font-weight: bold;
	position: sticky;
	top: 0;
	z-index: 1;
}

table.static-product-row-table tbody tr td:nth-child(1),
table.static-product-row-table tbody tr th:nth-child(1),
table.static-product-row-table thead tr td:nth-child(1),
table.static-product-row-table thead tr th:nth-child(1) {
	width: 10%;
}

table.static-product-row-table tbody tr td:nth-child(2),
table.static-product-row-table tbody tr th:nth-child(2),
table.static-product-row-table thead tr td:nth-child(2),
table.static-product-row-table thead tr th:nth-child(2) {
	width: 40%;
}

table.static-product-row-table tbody tr td:nth-child(3),
table.static-product-row-table tbody tr th:nth-child(3),
table.static-product-row-table thead tr td:nth-child(3),
table.static-product-row-table thead tr th:nth-child(3) {
	width: 30%;
}

table.static-product-row-table tbody tr td:nth-child(4),
table.static-product-row-table tbody tr th:nth-child(4),
table.static-product-row-table thead tr td:nth-child(4),
table.static-product-row-table thead tr th:nth-child(4) {
	width: 20%;
}

table.static-product-row-table .modal-body .icon, #static-product-row .card-wrap .icon {
    margin: 0px;
    height: 30px !important;
    width: 30px !important;
}

table.static-product-row-table .score-delta.positive {
	color: #1e86d9;
}

table.static-product-row-table .score-delta.negative {
	color: #f3362f;
}

table.static-product-row-table .score-delta.neutral {
	color: #3f3f3f;
}

/* max Increase and Decrease product table */
.static-maxmin-product-raw-table-wrapper, 
.weekdays-highlow-raw-table-wrapper,
.workhabit-summary-wrapper {
  padding: 10px 18px;
	background-color: white;
}

table.static-maxmin-product-raw-table tbody tr td:nth-child(1),
table.static-maxmin-product-raw-table tbody tr th:nth-child(1),
table.static-maxmin-product-raw-table thead tr td:nth-child(1),
table.static-maxmin-product-raw-table thead tr th:nth-child(1),
table.weekdays-highlow-raw-table tbody tr td:nth-child(1),
table.weekdays-highlow-raw-table tbody tr th:nth-child(1),
table.weekdays-highlow-raw-table thead tr td:nth-child(1),
table.weekdays-highlow-raw-table thead tr th:nth-child(1),
table.workhabit-summary-table tbody tr td:nth-child(1),
table.workhabit-summary-table tbody tr th:nth-child(1),
table.workhabit-summary-table thead tr td:nth-child(1),
table.workhabit-summary-table thead tr th:nth-child(1) {
	width: 50%;
	max-width: 50%;
}

table.static-maxmin-product-raw-table tbody tr td:nth-child(2),
table.static-maxmin-product-raw-table tbody tr th:nth-child(2),
table.static-maxmin-product-raw-table thead tr td:nth-child(2),
table.static-maxmin-product-raw-table thead tr th:nth-child(2),
table.weekdays-highlow-raw-table tbody tr td:nth-child(2),
table.weekdays-highlow-raw-table tbody tr th:nth-child(2),
table.weekdays-highlow-raw-table thead tr td:nth-child(2),
table.weekdays-highlow-raw-table thead tr th:nth-child(2),
table.workhabit-summary-table tbody tr td:nth-child(2),
table.workhabit-summary-table tbody tr th:nth-child(2),
table.workhabit-summary-table thead tr td:nth-child(2),
table.workhabit-summary-table thead tr th:nth-child(2) {
	width: 50%;
	max-width: 50%;
}

table.workhabit-summary-table.four-columns tbody tr td:nth-child(1),
table.workhabit-summary-table.four-columns tbody tr th:nth-child(1),
table.workhabit-summary-table.four-columns thead tr td:nth-child(1),
table.workhabit-summary-table.four-columns thead tr th:nth-child(1) {
	width: 25%;
	max-width: 25%;
}

table.workhabit-summary-table.four-columns tbody tr td:nth-child(2),
table.workhabit-summary-table.four-columns tbody tr th:nth-child(2),
table.workhabit-summary-table.four-columns thead tr td:nth-child(2),
table.workhabit-summary-table.four-columns thead tr th:nth-child(2) {
	width: 25%;
	max-width: 25%;
}

table.workhabit-summary-table.four-columns tbody tr td:nth-child(3),
table.workhabit-summary-table.four-columns tbody tr th:nth-child(3),
table.workhabit-summary-table.four-columns thead tr td:nth-child(3),
table.workhabit-summary-table.four-columns thead tr th:nth-child(3) {
	width: 25%;
	max-width: 25%;
}

table.workhabit-summary-table.four-columns tbody tr td:nth-child(4),
table.workhabit-summary-table.four-columns tbody tr th:nth-child(4),
table.workhabit-summary-table.four-columns thead tr td:nth-child(4),
table.workhabit-summary-table.four-columns thead tr th:nth-child(4) {
	width: 25%;
	max-width: 25%;
}

#workhabitsTabContent table.workhabit-summary-table tbody tr td:nth-child(1),
#workhabitsTabContent table.workhabit-summary-table tbody tr th:nth-child(1),
#workhabitsTabContent table.workhabit-summary-table thead tr td:nth-child(1),
#workhabitsTabContent table.workhabit-summary-table thead tr th:nth-child(1),
#workhabitsTabContent table.workhabit-summary-table tbody tr td:nth-child(2),
#workhabitsTabContent table.workhabit-summary-table tbody tr th:nth-child(2),
#workhabitsTabContent table.workhabit-summary-table thead tr td:nth-child(2),
#workhabitsTabContent table.workhabit-summary-table thead tr th:nth-child(2),
#workhabitsTabContent table.workhabit-summary-table tbody tr td:nth-child(3),
#workhabitsTabContent table.workhabit-summary-table tbody tr th:nth-child(3),
#workhabitsTabContent table.workhabit-summary-table thead tr td:nth-child(3),
#workhabitsTabContent table.workhabit-summary-table thead tr th:nth-child(3),
#workhabitsTabContent table.workhabit-summary-table tbody tr td:nth-child(4),
#workhabitsTabContent table.workhabit-summary-table tbody tr th:nth-child(4),
#workhabitsTabContent table.workhabit-summary-table thead tr td:nth-child(4),
#workhabitsTabContent table.workhabit-summary-table thead tr th:nth-child(4) {
	width: 25%;
	max-width: 25%;
}


table.static-maxmin-product-raw-table, 
.weekdays-highlow-raw-table,
.workhabit-summary-table {
    border-collapse: collapse;
    width: 100%;
	box-shadow: none;
    border: none;
}

table.static-product-row-table tbody td.text {
    text-align: left !important;
}

table.static-maxmin-product-raw-table tr,
table.weekdays-highlow-raw-table tr, 
table.workhabit-summary-table tr {
	border-bottom: none !important;
}

table.static-maxmin-product-raw-table td,
table.weekdays-highlow-raw-table td, 
table.workhabit-summary-table  {
    padding: 10px;
    border: none !important;
    text-align: center;
}

table.static-maxmin-product-raw-table td:first-child,
table.weekdays-highlow-raw-table td:first-child, 
table.workhabit-summary-table td:first-child {
    border-right: 1px solid #b9b0b0 !important;
}

table.workhabit-summary-table.four-columns td,
#workhabitsTabContent table.workhabit-summary-table td {
	border-right: 1px solid #b9b0b0 !important;
}

table.workhabit-summary-table.four-columns td:last-child,
#workhabitsTabContent table.workhabit-summary-table td:last-child {
	border-right: none !important;
}

table.static-maxmin-product-raw-table td span,
table.weekdays-highlow-raw-table td span, 
table.workhabit-summary-table td span {
    display: block;
    margin-bottom: 5px;
}

table.static-maxmin-product-raw-table .static-prod-inline-wrapper,
table.weekdays-highlow-raw-table .weekdays-highlow-inline-wrapper, 
table.workhabit-summary-table .workhabit-summary-inline-wrapper {
    display: inline-block;
}

table.static-maxmin-product-raw-table .static-prod-maxmin-icon{
    display: inline-block;
    width: 33px;
    height: 33px;
	background-size: cover;
}

table.weekdays-highlow-raw-table .weekdays-highlow-icon {
    width: 0px !important;
}

table.weekdays-highlow-raw-table .weekdays-highlow-inline-wrapper label.weekdays-highlow-title,
table.workhabit-summary-table .workhabit-summary-inline-wrapper label.workhabit-summary-sub-title {
    margin-left: -20px !important;
	margin-top: 15px;
}

table.static-maxmin-product-raw-table .static-prod-inline-wrapper span,
table.weekdays-highlow-raw-table .weekdays-highlow-inline-wrapper span, 
table.workhabit-summary-table .workhabit-summary-inline-wrapper span {
    margin-left: 5px;
    display: flex;
    align-items: center;
}

table.static-maxmin-product-raw-table .static-prod-inline-wrapper label,
table.weekdays-highlow-raw-table .weekdays-highlow-inline-wrapper label, 
table.workhabit-summary-table .workhabit-summary-inline-wrapper label {
	font-size: 14px;
	font-weight: bold;
	padding: 0px !important;
}

table.static-maxmin-product-raw-table .static-prod-inline-wrapper label.static-prod-maxmin-prod-title,
table.weekdays-highlow-raw-table .weekdays-highlow-inline-wrapper label.weekdays-highlow-title {
    font-size: 15px;
    font-weight: bold;
    margin-left: 10px;
}

table.static-maxmin-product-raw-table td:first-child label.static-prod-maxmin-prod-title,
table.weekdays-highlow-raw-table td:first-child label.weekdays-highlow-title,
table.workhabit-summary-table td:first-child label.workhabit-summary-sub-title {
	color: black;
}

table.static-maxmin-product-raw-table td:nth-child(2) label.static-prod-maxmin-prod-title,
table.weekdays-highlow-raw-table td:nth-child(2) label.weekdays-highlow-title,
table.workhabit-summary-table td:nth-child(2) label.workhabit-summary-sub-title {
	color: black ;
}

.workhabit-summary-sub-title {
	color: black !important;
}

div.empPatterns .static-product-row .card-wrap {
	padding: 0px !important;
}

.chart-employee-weekday-wrapper {
	height: 53vh !important;
}

/* ------------------------------------------------------------ */
/* Styles related on Employee Comparison Dashboard */
.employee-compsearch-child-wrapper {
	position: relative;
	width: 100%;
}

.employee-compsearch-child-wrapper p.srch-discription {
	font-size: 18px;
}

.employee-compsearch-child-wrapper p {
	font-size: 14px;
}

.employee-compsearch-child-wrapper .employee-compsearch-results{
    padding: 0;
    margin: 0;
    width: 100%;
    max-height: 180px;
    overflow-y: auto;
    background-color: #FAFBFE;
    border-radius: 5px;
    position: relative;
    z-index: 10;
    top: 100%;
    left: 0;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.employee-compsearch-child-wrapper .employee-compsearch-results ul{
	list-style: none;
}

.employee-compsearch-child-wrapper .employee-compsearch-results li{
	padding: 10px;
	cursor: pointer;
	transition: background-color 0.3s ease;
	display: flex;
	justify-content: flex-start;
	align-items: end;
	border-bottom: 1px solid #d0cdcd;
}

.employee-compsearch-child-wrapper .employee-compsearch-results li:hover {
	background-color: #f0f0f0;
}

.employee-compsearch-child-wrapper .employee-compsearch-results li:last-child {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.employee-compsearch-child-wrapper .employee-compsearch-results li:first-child {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.employee-compsearch-child-wrapper .employee-compsearch-results li span{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-size: cover;
	background-color: #f1433c;
	margin-right: 10px;
}

.employee-compsearch-child-wrapper .employee-compsearch-results li span p{
	color: white;
	font-size: 10px;
	font-weight: bolder;
	margin-top: 4px;
	margin-left: 4px;
}

/* Employee Comparison - Three Card */
.employee-compcard-child-wrapper {
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
}

.employee-compcard-child-wrapper.compare-user {
	border-left: 1px solid #E0E0E0;
}

.employee-compcard-child-wrapper .comp-employee-card {
	position: relative;
	text-align: center;
	background-color: #ffffff;
	padding: 15px;
	border-radius: 10px;
	height: 242px;
}

.employee-compcard-child-wrapper .comp-employee-card .employee-image {
	position: relative;
	width: 95px !important;
	height: 95px !important;
	border-radius: 50%;
	border: 5px solid #fcfcfc;
	background-size: cover;
	margin: auto;
	margin-bottom: 10px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.employee-compcard-child-wrapper .comp-employee-card div.employee-image p {
	color: white;
	font-size: 47px;
	font-weight: bolder;
	position: absolute;
	top: 22px;
	right: 19px;
}

.employee-compcard-child-wrapper .comp-employee-card .employee-image.not-filled-info {
	background-image: url("../img/icons/plus-circle-v02.svg");
	background-color: transparent !important;
    box-shadow: none !important;
    width: 110px !important;
    height: 110px !important;
    margin-bottom: 0px;
	border: none;
	cursor: pointer;
}

.employee-compcard-child-wrapper .comp-employee-card .close-button {
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
	color: #999999;
	display: none;
}

.employee-compcard-child-wrapper .comp-employee-card h2 {
    font-size: 1.0em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 100%;
}

.employee-compcard-child-wrapper .comp-employee-card p {
	margin: 5px 0;
	color: #666666;
}

.employee-compcard-child-wrapper .comp-employee-card hr {
	width: 70%;
	margin: 10px auto;
	border: none;
	border-top: 1px solid #ccc;
}

.employee-compcard-child-wrapper .comp-employee-card span.scores-wrapper {
	display: inline-block;
	width: 80%;
}

.employee-compcard-child-wrapper .comp-employee-card label {
	margin: 0px;
	font-size: 14px;
}

/* For the Employee Comparison Dashboard DOM */
.emp-comparison-recent-searched-emp-wrapper {
	margin: 0 auto;
	border: 0px;
	padding: 10px;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
}

.emp-comparison-recent-searched-emp-wrapper .emp-comparison-recent-searched-emp-div {
	/* width: calc(30% - 10px); */
	margin: 5px;
	padding: 6px;
	border: 1px solid #ccc;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
}

.emp-comparison-recent-searched-emp-wrapper .emp-comparison-recent-searched-emp-div div{
	margin-right: 5px;
	width: 30px;
	height: 30px;
	border-radius: 180%;
}

.emp-comparison-recent-searched-emp-wrapper .emp-comparison-recent-searched-emp-div div p{
	color: white;
	margin: auto;
	margin-top: 7px;
	font-weight: bold;
}

.emp-comparison-recent-searched-emp-wrapper .emp-comparison-recent-searched-emp-div span{
	margin-right: 2px;
	font-size: 14px;
}

.emp-comparison-recent-searched-emp-wrapper .emp-comparison-recent-searched-emp-div span:nth-child(3){
	margin-right: 1px;
	font-size: 15px;
	color: #5a5a5a;
}

.emp-comparison-recent-searched-emp-wrapper .emp-comparison-recent-searched-emp-div span:nth-child(4){
    margin-left: 14px;
    margin-top: 5px;
    font-size: 15px;
    color: #50aaf3;
}

.comp-weekly-prodoscore-root .col.col-8 {
	position: relative !important;
}

.comp-weekly-prodoscore-root, .comp-static-product-root, .comparison-workhabits-root{
	border-radius: 10px;
	border: 1px solid #E0E0E0
}

.comp-weekly-prodoscore-root-header-div, .comp-static-product-root-header-div, .comparison-workhabits-header-div{
	background-color: #f0f0f0;
	padding: 10px;
}

.comp-weekly-prodoscore-root #comparison-weekday-linechart {
	border-top: none !important;
}

table.comparison-weekday-tbl, table.comp-static-product-table{
	box-shadow: none !important;
	border: none !important;
}

table.comparison-weekday-tbl {
	width: 100%;
	box-shadow: none !important;
	margin-top: 7px;
}

table.comparison-weekday-tbl thead tr th {
	font-weight: bold;
	position: sticky;
	top: 0;
	z-index: 1;
}

table.comparison-weekday-tbl tbody tr td.highlight-score {
    font-weight: bolder;
    font-family: system-ui;
}

table.comparison-weekday-tbl tbody tr td:nth-child(1),
table.comparison-weekday-tbl tbody tr th:nth-child(1),
table.comparison-weekday-tbl thead tr td:nth-child(1),
table.comparison-weekday-tbl thead tr th:nth-child(1) {
	width: 25%;
	background-color: #FCFCFC;
}

table.comparison-weekday-tbl tbody tr td:nth-child(2),
table.comparison-weekday-tbl tbody tr th:nth-child(2),
table.comparison-weekday-tbl thead tr td:nth-child(2),
table.comparison-weekday-tbl thead tr th:nth-child(2) {
	width: 25%;
}

table.comparison-weekday-tbl tbody tr td:nth-child(3),
table.comparison-weekday-tbl tbody tr th:nth-child(3),
table.comparison-weekday-tbl thead tr td:nth-child(3),
table.comparison-weekday-tbl thead tr th:nth-child(3) {
	width: 25%;
	background-color: #FCFCFC;
}

table.comparison-weekday-tbl tbody tr td:nth-child(4),
table.comparison-weekday-tbl tbody tr th:nth-child(4),
table.comparison-weekday-tbl thead tr td:nth-child(4),
table.comparison-weekday-tbl thead tr th:nth-child(4) {
	width: 25%;
}

/* comp-static-product-table */
.comp-static-product-table-wrapper {
	padding: 0px !important;
    overflow-y: auto;
    height: 53vh;
    min-height: 160px;
    max-height: 420px;
}

table.comp-static-product-table thead tr.tablerow {
    opacity: 1;
    z-index: 1;
    background-color: rgb(255 255 255);
    position: sticky;
    top: -0.3px;
}

table.comp-static-product-table .score-delta {
	margin-left: 5px;
}

table.comp-static-product-table .highlight-score .statics-count {
	font-weight: bold;
	font-family: system-ui;
}

table.comp-static-product-table {
	width: 100%;
	box-shadow: none !important;
}

table.comp-static-product-table td span.ellipsis {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	top: 17px;
}

table.comp-static-product-table td span.icon {
	width: 35px;
	height: 35px;
	display: inline-block;
	vertical-align: middle;
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0px;
	margin-right: 15px;
}

table.comp-static-product-table thead tr th {
	position: sticky;
	top: 0;
	z-index: 1;
	border-left: none !important;
	font-size: 14px;
}

table.comp-static-product-table span, table.comparison-workhabits-table span {
	width: 90%;  /* Set width to 90% of the td */
	display: flex;  /* Enable flexbox for positioning labels */
	justify-content: space-between; /* Align labels to opposite sides */
}

table.comp-static-product-table span label, table.comparison-workhabits-table span label {
	display: inline-block; /* Makes labels behave like block elements */
}

table.comparison-workhabits-table td {
	height: 30px;
	max-height: 30px;
}

/* ICON */
table.comp-static-product-table tbody tr td:nth-child(1),
table.comp-static-product-table tbody tr th:nth-child(1),
table.comp-static-product-table thead tr td:nth-child(1),
table.comp-static-product-table thead tr th:nth-child(1) {
	width: 0%;
}

/* Product Name */
table.comp-static-product-table tbody tr td:nth-child(2),
table.comp-static-product-table tbody tr th:nth-child(2),
table.comp-static-product-table thead tr td:nth-child(2),
table.comp-static-product-table thead tr th:nth-child(2) {
	width: 32%;
	position: relative;
}

/* Primary User Scores */
table.comp-static-product-table tbody tr td:nth-child(3),
table.comp-static-product-table tbody tr th:nth-child(3),
table.comp-static-product-table thead tr td:nth-child(3),
table.comp-static-product-table thead tr th:nth-child(3) {
	width: 22%;
	border-left: 1px solid #ccc7c7;
}

/* Second User Scores */
table.comp-static-product-table tbody tr td:nth-child(4),
table.comp-static-product-table tbody tr th:nth-child(4),
table.comp-static-product-table thead tr td:nth-child(4),
table.comp-static-product-table thead tr th:nth-child(4) {
	width: 22%;
	border-left: 1px solid #ccc7c7;
	background-color: #FCFCFC;
}

table.comp-static-product-table tbody tr td:nth-child(5),
table.comp-static-product-table tbody tr th:nth-child(5),
table.comp-static-product-table thead tr td:nth-child(5),
table.comp-static-product-table thead tr th:nth-child(5) {
	width:22%;
	border-left: 1px solid #ccc7c7;
}

table.comp-static-product-table .icon-col .icon {
    height: 26px;
    width: 26px;
}


/* we need to add the table styles for the comparison-workhabits-table */
table.comparison-workhabits-table {
	width: 100%;
	box-shadow: none !important;
}


table.comparison-workhabits-table .highlight-score {
	font-weight: bold;
	font-family: system-ui;
}

table.comparison-workhabits-table tbody tr td:nth-child(1),
table.comparison-workhabits-table tbody tr th:nth-child(1),
table.comparison-workhabits-table thead tr td:nth-child(1),
table.comparison-workhabits-table thead tr th:nth-child(1) {
	width: 34%;
	position: relative;
}

table.comparison-workhabits-table tbody tr td:nth-child(2),
table.comparison-workhabits-table tbody tr th:nth-child(2),
table.comparison-workhabits-table thead tr td:nth-child(2),
table.comparison-workhabits-table thead tr th:nth-child(2) {
	width: 22%;
	position: relative;
	border-left: 1px solid #ccc7c7;
}

table.comparison-workhabits-table thead tr th:nth-child(2) {
	border-left: none !important;
	font-size: 14px;
}

table.comparison-workhabits-table tbody tr td:nth-child(3),
table.comparison-workhabits-table tbody tr th:nth-child(3),
table.comparison-workhabits-table thead tr td:nth-child(3),
table.comparison-workhabits-table thead tr th:nth-child(3) {
	width: 22%;
	position: relative;
	background-color: #FCFCFC;
	border-left: 1px solid #ccc7c7;
}

table.comparison-workhabits-table thead tr th:nth-child(3) {
	border-left: none !important;
	font-size: 14px;
}

table.comparison-workhabits-table tbody tr td:nth-child(4),
table.comparison-workhabits-table tbody tr th:nth-child(4),
table.comparison-workhabits-table thead tr td:nth-child(4),
table.comparison-workhabits-table thead tr th:nth-child(4) {
	width: 22%;
	position: relative;
	border-left: 1px solid #ccc7c7;
}

table.comparison-workhabits-table thead tr th:nth-child(4) {
	border-left: none !important;
	font-size: 14px;
}

/* color the 5th row of the comparison-workhabits-table in gray color. Also border cannot be shown. */
table.comparison-workhabits-table tbody tr:nth-child(5),
table.comparison-workhabits-table tbody tr:nth-child(5) td:nth-child(3){
    background-color: #f5f5f5;
    border: none !important;
    height: 15px;
}
table.comparison-workhabits-table tbody tr:nth-child(5) td {
    border: none !important;
}

/* remove the border bottom from the 4th row */
table.comparison-workhabits-table tbody tr:nth-child(4) {
    border-bottom: none !important;
}


/* Employee Comparison - Search and Card Styles.... */
.employee-compsearch-wrapper {
	height: auto;
	overflow: unset !important;
}

.employee-compsearch-wrapper .employee-compsearch-sub-wrapper {
	padding: 10px;
	height: 248px;
}

.employee-compsearch-wrapper .employee-compsearch-sub-wrapper hr{
	border: 1px solid #E0E0E0;
}

.employee-compsearch-wrapper  .employee-compsearch-input {
	background-color: #FAFBFE;
	width: 90%;
	position: relative;
	border-radius: 4px;
	height: 30px;
	padding: 5px;
	border: 0px;
}

.employee-compsearch-wrapper  .card-heading {
	margin: 0px !important;
	font-size: 22px;
}

.employee-compsearch-wrapper .search-icon {
    font-size: 23px;
}

.employee-compsearch-wrapper .search-icon i.fa.fa-search {
	color: #abacad;
}

.employee-compsearch-wrapper .search-wrapper {
	position: relative;
	margin-top: 15px;
	display: flex;
	align-items: center;
	border: 1px solid #aba6a6;
	border-radius: 5px;
	background-color: #FAFBFE;
}

.employee-compsearch-wrapper .search-wrapper .search-icon {
	font-size: 20px;
	color: #aba6a6;
	margin-right: 10px;
	margin-left: 10px;
}

.employee-compsearch-wrapper .employee-compsearch-input {
	border: none;
	outline: none;
	width: 100%;
	font-size: 17px;
}

.employee-compsearch-wrapper .one-row {
	overflow: unset;
}

.employee-compcard-wrapper .one-row {
	padding: 0px;
	margin: 0px;
}

.employee-compcard-wrapper .not-filled-info {
	background-color: rgb(208 203 214);
	width: 30% !important;
	height: 10px;
	border-radius: 7px;
	display: inline-block;
}

.employee-compcard-wrapper p span.not-filled-info {
	width: 40% !important;
}

.employee-compcard-wrapper label span.not-filled-info {
	width: 10% !important;
}

.employee-compcard-wrapper .filled-info {
	width: 100%;
}

.employee-compcard-wrapper .close-button {
	font-size: 20px;
}

#patterns-root h2.card-heading, #recently-searched-root h2.card-heading {
	font-size: 19px;
	margin: 10px 10px 0 10px !important;
}

#patterns-root h3.card-wrap, #recently-searched-root h3.card-wrap {
	font-size: 16px;
	margin: 6px 10px 0 10px !important;
}

#contentEmpComparison .card-wrap {
	border-radius: 10px;
	padding: 0px;
	margin-bottom: 15px;
}

.employee-compsearch-wrapper-root .card-wrap  {
	max-height: 283px;
}

.employee-compsearch-wrapper-root {
	overflow: unset !important;
	margin-bottom: 5px;
}

#contentEmpComparison .text.decrease::before, #contentEmpComparison .text.increase::before {
	padding: 5px 5px;
	margin-right: 5px;
    margin-left: 5px;
}

.employee-compcard-wrapper span.scores-wrapper label:nth-child(1) {
	font-size: 20px;
}

.employee-compcard-wrapper span.scores-wrapper label:nth-child(2) {
	font-size: 22px;
}

.employee-compcard-wrapper span.primary-user-tag {
	background: #A8AAB0;
	color: white;
	padding: 4px 6px;
	border-radius: 5px;
    font-size: 10px;
    position: absolute;
    top: 10%;
    right: 9%;
	height: 14px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}


/* Employee Settings Table */
.empSettings_users tbody tr td,
.empSettings_users tbody tr th,
.empSettings_users thead tr td,
.empSettings_users thead tr th {
	padding: 10px 15px;
}

.empSettings_users tbody tr td,
.empSettings_users tbody tr td *,
.empSettings_users tbody tr th,
.empSettings_users tbody tr th *,
.empSettings_users thead tr td,
.empSettings_users thead tr td *,
.empSettings_users thead tr th,
.empSettings_users thead tr th * {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
}

.empSettings_users tbody tr td.inp-switch-col,
.empSettings_users tbody tr th.inp-switch-col,
.empSettings_users thead tr td.inp-switch-col,
.empSettings_users thead tr th.inp-switch-col {
	padding: 6.5px 15px;
}

.empSettings_users tbody tr td.inp-switch-col:before, .empSettings_users tbody tr td.inp-switch-col:after,
.empSettings_users tbody tr th.inp-switch-col:before,
.empSettings_users tbody tr th.inp-switch-col:after,
.empSettings_users thead tr td.inp-switch-col:before,
.empSettings_users thead tr td.inp-switch-col:after,
.empSettings_users thead tr th.inp-switch-col:before,
.empSettings_users thead tr th.inp-switch-col:after {
	content: "";
	display: table;
}

.empSettings_users tbody tr td.inp-switch-col:after,
.empSettings_users tbody tr th.inp-switch-col:after,
.empSettings_users thead tr td.inp-switch-col:after,
.empSettings_users thead tr th.inp-switch-col:after {
	clear: both;
}

.empSettings_users tbody tr td select,
.empSettings_users tbody tr td input[type="text"],
.empSettings_users tbody tr td input[type="email"],
.empSettings_users tbody tr th select,
.empSettings_users tbody tr th input[type="text"],
.empSettings_users tbody tr th input[type="email"],
.empSettings_users thead tr td select,
.empSettings_users thead tr td input[type="text"],
.empSettings_users thead tr td input[type="email"],
.empSettings_users thead tr th select,
.empSettings_users thead tr th input[type="text"],
.empSettings_users thead tr th input[type="email"] {
	display: block;
	width: 100%;
	margin: 0;
	border: none;
}
.empSettings_users tbody tr td input[type="number"] {
	display: block;
	margin: 0;
	border-top: none;
	border-bottom: none;
}

.empSettings_users tbody tr td input[type="text"],
.empSettings_users tbody tr td input[type="email"],
.empSettings_users tbody tr th input[type="text"],
.empSettings_users tbody tr th input[type="email"],
.empSettings_users thead tr td input[type="text"],
.empSettings_users thead tr td input[type="email"],
.empSettings_users thead tr th input[type="text"],
.empSettings_users thead tr th input[type="email"] {
	padding: 10px 15px;
	font-size: 95%;
}

.empSettings_users tbody tr td select,
.empSettings_users tbody tr th select,
.empSettings_users thead tr td select,
.empSettings_users thead tr th select {
	padding: 8px 15px;
}

.empSettings_users tbody tr td.no-gutter,
.empSettings_users tbody tr th.no-gutter,
.empSettings_users thead tr td.no-gutter,
.empSettings_users thead tr th.no-gutter {
	padding: 0 0px;
}

.empSettings_users tbody tr td.no-gutter select,
.empSettings_users tbody tr th.no-gutter select,
.empSettings_users thead tr td.no-gutter select,
.empSettings_users thead tr th.no-gutter select {
	padding: 9px 15px;
	border: none;
}

.empSettings_users tbody tr td.no-gutter input[type="email"],
.empSettings_users tbody tr td.no-gutter input[type="number"],
.empSettings_users tbody tr th.no-gutter input[type="email"],
.empSettings_users thead tr td.no-gutter input[type="email"],
.empSettings_users thead tr th.no-gutter input[type="email"] {
	padding: 10.5px 15px;
}

.empSettings_users tbody tr td .inp-switch,
.empSettings_users tbody tr th .inp-switch,
.empSettings_users thead tr td .inp-switch,
.empSettings_users thead tr th .inp-switch {
	padding: 0;
	margin-right: 2px;
	display: block;
	float: left;
}

.empSettings_users tbody tr td .inp-switch:last-child,
.empSettings_users tbody tr th .inp-switch:last-child,
.empSettings_users thead tr td .inp-switch:last-child,
.empSettings_users thead tr th .inp-switch:last-child {
	margin-right: 0;
}

.empSettings_users tbody tr td .inp-switch span,
.empSettings_users tbody tr th .inp-switch span,
.empSettings_users thead tr td .inp-switch span,
.empSettings_users thead tr th .inp-switch span {
	position: relative;
	font-family: "linottesemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	display: block;
	padding-right: 13px;
	background: #fcfcfc;
	color: #909090;
	border: 1px solid #909090;
	line-height: 22px;
	cursor: pointer;
	margin-right: 0px;
	border-radius: 3px;
	transition: all 320ms ease;
	user-select: none;
}

.empSettings_users thead tr th .inp-switch #email_notification_crx_sites_span{
	margin: 0 5px 0 0;
}

.empSettings_users tbody tr td .inp-switch span:before,
.empSettings_users tbody tr th .inp-switch span:before,
.empSettings_users thead tr td .inp-switch span:before,
.empSettings_users thead tr th .inp-switch span:before {
	content: "\f10c";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 10px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-left: 7px;
	padding-right: 7px;
	width: 10px;
	text-align: center;
}

.empSettings_users tbody tr td .inp-switch.employee-view-status span:before,
.empSettings_users tbody tr th .inp-switch.employee-view-status span:before,
.empSettings_users thead tr td .inp-switch.employee-view-status span:before,
.empSettings_users thead tr th .inp-switch.employee-view-status span:before {
	display: none !important;
}

.empSettings_users tbody tr td .inp-switch.employee-view-status span,
.empSettings_users tbody tr th .inp-switch.employee-view-status span,
.empSettings_users thead tr td .inp-switch.employee-view-status span,
.empSettings_users thead tr th .inp-switch.employee-view-status span {
	padding: 2px 10px 2px 10px;
}

.empSettings_users tbody tr td .inp-switch input,
.empSettings_users tbody tr th .inp-switch input,
.empSettings_users thead tr td .inp-switch input,
.empSettings_users thead tr th .inp-switch input {
	display: none;
}

.empSettings_users tbody tr td .inp-switch input:disabled + span,
.empSettings_users tbody tr th .inp-switch input:disabled + span,
.empSettings_users thead tr td .inp-switch input:disabled + span,
.empSettings_users thead tr th .inp-switch input:disabled + span {
	cursor: not-allowed;
	opacity: 0.5;
}

.empSettings_users tbody tr td .inp-switch input:checked + span,
.empSettings_users tbody tr th .inp-switch input:checked + span,
.empSettings_users thead tr td .inp-switch input:checked + span,
.empSettings_users thead tr th .inp-switch input:checked + span {
	background: #686868;
	color: #FFF;
	border-color: #686868;
}

.empSettings_users tbody tr td .inp-switch input:checked + span:before,
.empSettings_users tbody tr th .inp-switch input:checked + span:before,
.empSettings_users thead tr td .inp-switch input:checked + span:before,
.empSettings_users thead tr th .inp-switch input:checked + span:before {
	content: "\f00c";
}

.empSettings_users tbody tr td:nth-child(1),
.empSettings_users tbody tr th:nth-child(1),
.empSettings_users thead tr td:nth-child(1),
.empSettings_users thead tr th:nth-child(1) {
	width: 3000px;
	min-width: 250px;
}

.empSettings_users tbody tr td.inp-switch-col,
.empSettings_users tbody tr th.inp-switch-col,
.empSettings_users thead tr td.inp-switch-col,
.empSettings_users thead tr th.inp-switch-col {
	width: 1000px !important;
	min-width: 180px !important;
}

/* employee-view-status */
.empSettings_users tbody tr td.inp-switch-col.employee-view-status,
.empSettings_users tbody tr th.inp-switch-col.employee-view-status,
.empSettings_users thead tr td.inp-switch-col.employee-view-status,
.empSettings_users thead tr th.inp-switch-col.employee-view-status {
	min-width: 230px !important;
}


.employee-onboard-emptbl-settings .empSettings_users tbody tr td.inp-switch-col.admin-settings-enabled,
.employee-onboard-emptbl-settings .empSettings_users tbody tr th.inp-switch-col.admin-settings-enabled,
.employee-onboard-emptbl-settings .empSettings_users thead tr td.inp-switch-col.admin-settings-enabled,
.employee-onboard-emptbl-settings .empSettings_users thead tr th.inp-switch-col.admin-settings-enabled {
	min-width: 150px !important;
}

.empSettings_users tbody tr td:not(:first-child),
.empSettings_users tbody tr th:not(:first-child),
.empSettings_users thead tr td:not(:first-child),
.empSettings_users thead tr th:not(:first-child) {
    width: 3000px;
	min-width: 135px;
}

.empSettings_users tbody tr td:nth-child(1),
.empSettings_users thead tr td:nth-child(1) {
	user-select: none;
}

.empSettings_users.table--fixed-body tbody {
	max-height: calc(100vh - 279px);
}

.empSettings-users-scrollable {
    position: relative;
    width: 100%;
	overflow: auto;
	background-color: #FFFFFF;
}

.empSettings-users-scrollable table {
    border-collapse: collapse;
    width: 100%;
}

.empSettings-users-scrollable th.sticky-header {
    position: sticky;
    top: 0;
    background-color: #FFFFFF;
    z-index: 5;
}

.empSettings-users-scrollable th.sticky-column,
.empSettings-users-scrollable td.sticky-column {
    position: sticky;
    left: 0;
    background-color: #FFFFFF;
    z-index: 7;
}

.empSettings-users-scrollable th.sticky-header.sticky-column {
    z-index: 7;
}

.empSettings-users-scrollable::-webkit-scrollbar {
    width: 10px;
	height: 10px;
}

.empSettings-users-scrollable::-webkit-scrollbar-thumb {
    background: #666;
    border-radius: 10px;
}

.empSettings-users-scrollable::-webkit-scrollbar-track {
    background: #ddd;
}


.emp-settings-table--fixed-body {
    display: table;
    padding: 0;
}

.emp-settings-table--fixed-body thead,
.emp-settings-table--fixed-body tfoot,
.emp-settings-table--fixed-body tbody {
    display: table-row-group;
}

.emp-settings-table--fixed-body thead tr,
.emp-settings-table--fixed-body tfoot tr,
.emp-settings-table--fixed-body tbody tr {
    display: table-row;
}

.emp-settings-table--fixed-body thead tr:before,
.emp-settings-table--fixed-body thead tr:after,
.emp-settings-table--fixed-body tfoot tr:before,
.emp-settings-table--fixed-body tfoot tr:after,
.emp-settings-table--fixed-body tbody tr:before,
.emp-settings-table--fixed-body tbody tr:after {
    content: "";
    display: none;
}

.emp-settings-table--fixed-body thead tr:after,
.emp-settings-table--fixed-body tfoot tr:after,
.emp-settings-table--fixed-body tbody tr:after {
    clear: both;
}

.emp-settings-table--fixed-body thead tr th,
.emp-settings-table--fixed-body thead tr td,
.emp-settings-table--fixed-body tfoot tr th,
.emp-settings-table--fixed-body tfoot tr td,
.emp-settings-table--fixed-body tbody tr th,
.emp-settings-table--fixed-body tbody tr td {
    display: table-cell;
    float: none;
}

.empSettings_users .updated {
	background-color: rgba(115, 184, 239, 0.2);
}

.empSettings_users .error {
	background-color: #FF9793;
}

.empSettings_users .master-error {
	background-color: #F1433C !important;
}

.emp-settings-table--fixed-body tbody {
    max-height: 300px;
    overflow-y: auto;
}

.content .emp-settings-one-row {
	position: relative;
	margin: 1%;
	width: 98%;
	height: auto;
	clear: both;
	float: none;
}


.employee-checkbox {
	display: none;
}


.employee-checkbox-label {
	height: 7px;
	width: 18px;
	vertical-align: -3px;
	margin: -6px 3px -6px 0px;
	display: inline-block;
	border: 2px solid #9B9B9B;
	border-radius: 5px;
	cursor: pointer;
}


.employee-checkbox:checked + .employee-checkbox-label {
	background-color: #0075FF;
}

.employee-checkbox:disabled + .employee-checkbox-label {
	cursor: default;
}

.select-all-checkbox {
	display: none;
}

.select-all-checkbox-label {
	height: 22px;
	width: 22px;
	vertical-align: -1px;
	margin: -6px 3px -6px -2px;
	display: inline-block;
	border: 2px solid #9B9B9B;
	border-radius: 5px;
	cursor: pointer;
}

.select-all-checkbox:checked + .select-all-checkbox-label {
	background-color: #0075FF;
}

.select-all-checkbox:disabled + .select-all-checkbox-label {
	background-color: #9B9B9B;
}


.employee-settings-table-actions-conteiner {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 45px;
	display: flex;
	align-items: center;
}

.employee-settings-bulk-action {
	width: 120px;
	margin-right: auto;
}



/* Employee Setings Column Select */
.employee-settings-columns-select {
	margin-left: auto;
	cursor: pointer;
	position: relative;
}

.employee-settings-columns-select-dropdown {
    display: none;
    position: fixed;
    top: 225px;
	right: 40px;
    z-index: 1000;
    background: white;
    border: 1px solid #ccc;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    padding: 10px;
    width: 150px;
}

.employee-settings-table-column-toggle-row {
	padding-top: 5px;
	padding-bottom: 5px;
}


/* Fast Scroll Buttons */
.employee-settings-table-scroll-to-right {
	position: fixed;
	display: flex;
    align-items: center;
    justify-content: center;
	right: 20px;
	width: 20px;
    height: 20px;
	background-color: white;
	border: 2px solid #CCC;
	border-radius: 50%;
	bottom: 50%;
	padding: 5px;
	margin: 5px;
	cursor: pointer;
	z-index: 5000;
}


/* Employees Setting Pagination Buttons */
.employees-setting-pagination-controls {
	display: none;
    justify-content: space-between;
	float: right;
	column-gap: 7px;
}

.employees-settings-paginate-button {
	display: flex;
    align-items: center;
    justify-content: center;
	width: 60px;
    height: 30px;
	font-size: 13px;
	color: #525252;
    background-color: #f3f3f3;
    border: 1px solid #cecece;
    border-radius: 4px;
    transition: 200ms;
}
.employees-settings-paginate-button.first i, .employees-settings-paginate-button.prev i {
	margin-right: 5px;
}
.employees-settings-paginate-button.next i, .employees-settings-paginate-button.last i {
	margin-left: 5px;
}
.employees-settings-paginate-button.disabled {
    opacity: 0.75;
	pointer-events: none;
}
.employees-settings-paginate-button:hover {
	cursor: pointer;
	color: #202020;
	border-color: #b9b9b9;
}

.employees-settings-paginate-info {
	display: flex;
    align-items: center;
    justify-content: center;
	min-width: 80px;
    height: 30px;
	font-size: 13px;
    background-color: #ffffff;
    border: 1px solid #cecece;
    border-radius: 4px;
	padding-left: 8px;
    padding-right: 8px;
}
.employees-settings-paginate-info span {
    width: max-content;
    padding: 0 3px;
}

/* Bulk Action Check Boxes */
.bulk-action-checkbox {
	display: none;
}


.bulk-action-checkbox-label {
	height: 15px;
	width: 15px;
	margin-right: 6px;
	margin-bottom: 3px;
	display: inline-block;
	border: 2px solid #9B9B9B;
	border-radius: 5px;
	cursor: pointer;
}


.bulk-action-checkbox:checked + .bulk-action-checkbox-label {
	background-color: #0075FF;
}


/* Multiple Manager Checkbox */
.manager-checkbox {
	display: none;
}

.manager-checkbox-label {
	height: 7px;
	width: 18px;
	vertical-align: -3px;
	margin: 0px 3px -6px 0px;
	display: inline-block;
	border: 2px solid #ccc;
	border-radius: 5px;
	cursor: pointer;
}

.manager-checkbox:checked + .manager-checkbox-label {
	background-color: #0075FF;
}


/* Manager Select Dropdown */
.manager-select-dropdown-container {
	margin-left: auto;
	cursor: pointer;
	position: relative;
}

.manager-select-dropdown {
    display: none;
    position: fixed;
	z-index: 6;
	background: white;
    border: 1px solid #ccc;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    padding: 10px;
    min-width: 150px;
	margin-top: 2px;
}
.manager-select-dropdown-arrow {
	background-image: url("../img/icons/manager-multiselect--down.svg");
	background-repeat: no-repeat;
	scale: 1.1;
}

.manager-select-dropdown-arrow-disabled {
	background-image: url("../img/icons/manager-multiselect--down-disabled.svg");
	background-repeat: no-repeat;
	scale: 1.1;
}

.manager-dropdown-manager-row-container {
	overflow-y: auto !important;
	max-height: 250px;
}

.manager-dropdown-manager-row-container::-webkit-scrollbar {
    width: 10px;
	height: 10px;
}

.manager-dropdown-manager-row-container::-webkit-scrollbar-thumb {
    background: #666;
    border-radius: 10px;
}

.manager-dropdown-manager-row-container::-webkit-scrollbar-track {
    background: #ddd;
}

.manager-dropdown-manager-row {
	display: flex;
	flex-direction: row;
	padding-left: 5px;
	padding-right: 5px;
}


/* Bulk Action Multiple Manager Checkbox */
.bulk-action-manager-checkbox {
	display: none;
}

.bulk-action-manager-checkbox-label {
	height: 18px;
	width: 18px;
	margin: 0px 3px -6px 0px;
	display: inline-block;
	border: 2px solid #ccc;
	border-radius: 5px;
	cursor: pointer;
}

.bulk-action-manager-checkbox:checked + .bulk-action-manager-checkbox-label {
	background-color: #0075FF;
}
.bulk-action-manager-dropdown-row-container {
	overflow-y: auto !important;
	min-height: 100px;
	max-height: 100px;
}

.bulk-action-manager-dropdown-row-container::-webkit-scrollbar {
    width: 10px;
	height: 10px;
}

.bulk-action-manager-dropdown-row-container::-webkit-scrollbar-thumb {
    background: #666;
    border-radius: 10px;
}

.bulk-action-manager-dropdown-row-container::-webkit-scrollbar-track {
    background: #ddd;
}

/* CRX Configurations. */
table.crx-sel-websites,
#disconnectReports table.recipients-table {
	box-shadow: 0 2px 2px #f5f2ef;
	border: 1px solid rgba(35, 35, 35, 0.1);
}
.crx-sel-websites.table--fixed-body tbody {
	max-height: 280px;
}
.crx-sel-websites.table--fixed-body tbody td:first-child, .crx-sel-websites.table--fixed-body thead tr th:nth-child(1) {
	width: calc(100% - 200px) !important;
}
.crx-sel-websites.table--fixed-body tbody td:last-child, .crx-sel-websites.table--fixed-body thead tr th:nth-child(2) {
	width: 200px !important;
	padding: 6px;
	float: right;
}
.crx-sel-websites.table--fixed-body thead tr th:nth-child(2) {
	width: 91px !important;
	padding-top: 10px;
	text-align: left;
	min-width: unset;
}

.workhbit-firstlast-activitytime-chart-wrapper {
	width: 100%;
	overflow-x: auto;
	white-space: nowrap;
}

.workhbit-firstlast-activitytime-chart-wrapper,
.workhbit-meetsplit-chart-wrapper {
	overflow-x: auto;
}

.workhbit-firstlast-activitytime-chart-wrapper::-webkit-scrollbar,
.workhbit-meetsplit-chart-wrapper::-webkit-scrollbar {
	height: 8px;
}

.workhbit-firstlast-activitytime-chart-wrapper::-webkit-scrollbar-track,
.workhbit-meetsplit-chart-wrapper::-webkit-scrollbar-track {
	background: #f0f8ff;
}

.workhbit-firstlast-activitytime-chart-wrapper::-webkit-scrollbar-thumb,
.workhbit-meetsplit-chart-wrapper::-webkit-scrollbar-thumb {
	background-color: #add8e6;
	border-radius: 10px;
	border: 2px solid #f0f8ff;
}

.workhbit-firstlast-activitytime-chart-wrapper,
.workhbit-meetsplit-chart-wrapper {
	scrollbar-width: thin;
	scrollbar-color: #add8e6 #f0f8ff;
}

.workhbit-firstlast-activitytime-chart-wrapper,
.workhabit-weekday-avg-chart-wrapper,
.workhbit-meetsplit-chart-wrapper {
  height: 100%; 
  width: 100%;
  overflow: auto;
  position: relative;
}

.workhbit-firstlast-activitytime-chart-sub-wrapper,
.workhabit-weekday-avg-chart-sub-wrapper,
.workhbit-meetsplit-chart-sub-wrapper {
  height: 44vh;
	min-height: 200px !important;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.workhabit-meetsplit-warning {
	background-color: #f4f4f4 !important;
	min-height: 50px !important;
	height: auto !important;
	border: 0px !important;
}

.workhabit-meetsplit-warning:hover,
.workhabit-meetsplit-warning-root:hover {
	background-color: #f4f4f4 !important;
	border: 0px !important;
	box-shadow: none !important;
}

.workhabit-meetsplit-warning .meetsplit-warning-custom-icon {
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url(../img/icons/workhabit-warning.png);
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-left: 5px;
	margin-bottom: 6px;
}

.meetsplit-warning-custom-text {
	font-size: 20px;
	display: inline-block;
}

table.rolewise-module-mapping-tbl {
	border-collapse: unset;
}

table.rolewise-module-mapping-tbl tbody tr td,
table.rolewise-module-mapping-tbl tbody tr th,
table.rolewise-module-mapping-tbl thead tr td,
table.rolewise-module-mapping-tbl thead tr th {
	padding: 10px 15px;
}

table.rolewise-module-mapping-tbl tbody tr td:nth-child(2),
table.rolewise-module-mapping-tbl tbody tr th:nth-child(2) {
	border-left: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
}

table.rolewise-module-mapping-tbl tbody tr td:nth-child(1),
table.rolewise-module-mapping-tbl tbody tr th:nth-child(1),
table.rolewise-module-mapping-tbl tbody tr td:nth-child(3),
table.rolewise-module-mapping-tbl tbody tr th:nth-child(2),
table.rolewise-module-mapping-tbl thead tr td:nth-child(1),
table.rolewise-module-mapping-tbl thead tr th:nth-child(1),
table.rolewise-module-mapping-tbl thead tr td:nth-child(2),
table.rolewise-module-mapping-tbl thead tr th:nth-child(2) {
	text-align: center;
}

table.rolewise-module-mapping-tbl tbody tr td:nth-child(1),
table.rolewise-module-mapping-tbl tbody tr th:nth-child(1),
table.rolewise-module-mapping-tbl thead tr td:nth-child(1),
table.rolewise-module-mapping-tbl thead tr th:nth-child(1),
table.rolewise-module-mapping-tbl tbody tr td:nth-child(3),
table.rolewise-module-mapping-tbl tbody tr th:nth-child(3),
table.rolewise-module-mapping-tbl thead tr td:nth-child(3),
table.rolewise-module-mapping-tbl thead tr th:nth-child(3) {
	width: 20%;
}

table.rolewise-module-mapping-tbl tbody tr td:nth-child(2),
table.rolewise-module-mapping-tbl tbody tr th:nth-child(2),
table.rolewise-module-mapping-tbl thead tr td:nth-child(2),
table.rolewise-module-mapping-tbl thead tr th:nth-child(2) {
	width: 60%;
}

table.rolewise-module-mapping-tbl tbody tr {
	border-bottom: 1px solid #E0E0E0;
}

table.rolewise-module-mapping-tbl tbody tr td:nth-child(3) {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

table.rolewise-module-mapping-tbl tbody tr td:nth-child(1) span {
	background-color: #494949;
	color: white;
	padding: 10px 30px;
	border-radius: 4px;
	white-space: nowrap;
}

table.rolewise-module-mapping-tbl .toggle-checkbox input[type="checkbox"]:checked + .toggles > span.checked, 
table.rolewise-module-mapping-tbl .toggle-checkbox .toggles > span.unchecked  {
	background: #494949;
	color: #FFF;
	opacity: 1;
}

table.rolewise-module-mapping-tbl tbody .toggle-checkbox .toggles > span {
	padding: 6px 10px !important;
}

.rolewise-modules-root-wapper .rolewise-modules-header-wrapper,
.rolewise-roles-root-wapper .rolewise-roles-header-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	position: relative;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #c8c1c1;
}

.rolewise-modules-root-wapper .arrow-icon,
.rolewise-roles-root-wapper .arrow-icon {
	font-size: 25px;
	position: absolute;
	right: 10px;
	transition: transform 0.3s ease;
}

.rolewise-modules-root-wapper .arrow-icon.up,
.rolewise-roles-root-wapper .arrow-icon.up {
		transform: rotate(180deg);
}

.rolewise-modules-root-wapper .rolewise-module-mapping-tbl-wrapper,
.rolewise-roles-root-wapper .rolewise-roles-mapping-form-wrapper {
		display: none;
		padding: 6px;
		width: 100%;
}

.rolewise-product-is-inactive {
	background-color: #b9b3b3 !important;
}

span.user-roles-expand-minimize-contents {
	color: gray;
	padding-top: 20px;
	padding-right: 10px;
	cursor: pointer;
	font-size: 22px;
}

.rolewise-modules-wrapper-root {
	position: relative;
  width: 100%;
}

.rolewise-modules-wrapper-root .rolewise-modules-wrapper{
  display: flex;
  flex-wrap: wrap;
  max-height: 60px;
  overflow: hidden;
  transition: max-height 0.3s ease;
  /* width: 100%; */
}

.rolewise-modules-wrapper-root .rolewise-modules-wrapper.show-all {
  max-height: none !important;
}

.rolewise-modules-wrapper-root .modules-arrow-icon {
	position: absolute;
	right: 10px;
	top: 20px;
	cursor: pointer;
	color: #62666a;
	font-size: 22px;
	transition: transform 0.3s ease;
}

.rolewise-modules-no-product-enable-wrapper {
	display: none;
	justify-content: center;
	align-items: center;
	height: 100px;
	/* background-color: #f5f5f5;  */
	border-radius: 8px;
	/* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
	color: #333;
	font-family: Arial, sans-serif;
	text-align: center;
}

.rolewise-modules-no-product-enable-wrapper span p {
	margin: 0;
	padding: 0 10px;
	font-size: 16px;
	color: #555;
	font-weight: 500;
	font-style: italic;
}

.rolewise-modules-no-product-enable-wrapper span::before {
	content: "🚫";
	font-size: 20px;
	margin-right: 8px;
	vertical-align: middle;
	color: #ff6b6b; /* Subtle red for icon */
}


.rolewise-roles-root-wapper .card-wrap,
.rolewise-modules-root-wapper .card-wrap {
	border-radius: 6px;
}

.rolewise-module-mapping-tbl-root-wrapper {
	display: block;
}

.rolewise-modules-wrapper-root .module-form {
  display: flex;
  align-items: center;
  width: 100%;
}

.rolewise-modules-wrapper-root .rolewise-modules-wrapper {
  flex: 1 1 95%;
  overflow: hidden;
}

.rolewise-modules-wrapper-root .modules-arrow-wrapper {
  flex: 0 1 5%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rolewise-modules-wrapper-root .modules-arrow-icon {
  font-size: 20px;
}

@media (max-width: 600px) {
  .rolewise-modules-wrapper-root .rolewise-modules-wrapper {
    flex: 1 1 90%;
  }

  .rolewise-modules-wrapper-root .modules-arrow-wrapper {
    flex: 0 1 10%;
  }
}

.employee-access-level-wrapper {
  display: flex;
  border: 2px solid #ccc;
  border-radius: 5px;
  overflow: hidden;
  width: fit-content;
}

.employee-access-level-button {
  flex: 1;
  padding: 10px 20px;
  border: none;
  background-color: #f0f0f0;
  color: #333;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}

.employee-access-level-button.active {
  background-color: #007bff;
  color: #fff;
}

.remove-events-enabled {
	pointer-events: none;
}

.dissable-wrapper-element {
	pointer-events: none;
  opacity: 0.5;
}

.dissable-wrapper-element[type="checkbox"] {
  cursor: not-allowed;
}

#bulk-action-access-level-checkbox-wrapper label.inp-switch input[type="checkbox"] {
	display: none;
}

#bulk-action-access-level-checkbox-wrapper label span {
	padding: 7px 10px 7px 10px;
	border: 1px solid;
}

#bulk-action-access-level-checkbox-wrapper label.inp-switch input[type="checkbox"]:checked + span {
	background: #686868;
	color: #FFF;
}

.disabled-switch {
	pointer-events: none;
	opacity: 0.5;
}

.no-dashbaord-employee-overview-show {
	display: none;
}

.no-dashbaord-employee-overview-show .overlay-loader {
	min-height: 200px; /* Gives some space for the message */
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 20px;
	background-color: #f8f9fa;
	border-radius: 8px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.no-dashbaord-employee-overview-show .message-container h3 {
	color: #333;
	margin: 0 0 10px 0;
	font-size: 24px;
	font-weight: 500;
}

.no-dashbaord-employee-overview-show .message-container p {
	color: #666;
	margin: 0;
	font-size: 16px;
}

.no-dashbaord-employee-overview-show .message-container::after {
	content: "";
	display: block;
	width: 70px; /* Adjust size as needed */
	height: 70px;
	background-image: url(../img/icons/workhabit-warning.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin: 15px auto 0; /* Centers the image */
}

.advance-analytics-patterns-tab-wrapper #performance-showup-prodoscore,
.advance-analytics-patterns-tab-wrapper #performance-showup-employee-count {
	font-size: 24px;
	font-weight: bold;
}

.advance-analytics-patterns-tab-wrapper #performance-showup-prodoscore-delta span label {
	font-size: 19px !important;
}

#patternsTabContent #empPatterns .one-row .col {
	margin: 0px 0% !important;
}