/* Sidebar */
.menu-bar {
	background: #171D1A;
	width: 280px;
	height: 100%;
	position: fixed;
	z-index: 102;
	border-radius: 0 18px 18px 0;
	/*transition: 0.5s;*/
}
.page-wrapper.open .menu-bar {
	width: 80px;
	transition: 0.5s;
	padding: 0 8px !important;
	text-align: center;
}
p.sidebar_title {
	font: normal normal bold 14px/17px Lato;
	color: #BFBFBF;
	margin: 0;
}
.main_menu ul li {
	list-style: none;
	margin-bottom: 5px;
}
.main_menu ul li a, .main_menu ul li>div {
	text-decoration: none;
	font: normal normal normal 16px/19px Lato;
	color: var(--whiteColor);
	border-radius: 18px;
	padding: 8px 15px;
}
.main_menu ul li a.active, .main_menu ul li a:hover, .main_menu ul li > div.active, .main_menu ul li > div:hover {
	background-color: #2f3532;
}
#nav-tree-search {
	margin: 0 !important;
}
.search_company input, #nav-tree-search {
	color: var(--whiteColor);
	background: transparent;
	border: 1px solid #2f3532;
	border-radius: 18px;;
}
#nav-tree-search {
	background: transparent url(../../masters/images/search_icon_white.svg) 5% 50% no-repeat;
	padding: 0px 12px 4px 34px;
}
.search_company input:focus, #nav-tree-search:focus {
	color: var(--whiteColor);
	background: transparent url(../../masters/images/search_icon_white.svg) 5% 50% no-repeat;
	border: 1px solid #6E6E6E;
}
.search_company .form-control::-webkit-input-placeholder, #nav-tree-search.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #6E6E6E;
	font: normal normal normal 14px/16px Lato;
}
.search_company .form-control::-moz-placeholder, #nav-tree-search.form-control::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #6E6E6E;
	font: normal normal normal 14px/16px Lato;
	opacity:  1;
}
.search_company .form-control::-moz-placeholder, #nav-tree-search.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #6E6E6E;
	font: normal normal normal 14px/16px Lato;
	opacity:  1;
}
.search_company .form-control::-ms-input-placeholder, #nav-tree-search.form-control::-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #6E6E6E;
	font: normal normal normal 14px/16px Lato;
	opacity:  1;
}
.search_company .form-control::placeholder, #nav-tree-search.form-control::placeholder { /* Most modern browsers support this now. */
	color: #6E6E6E;
	font: normal normal normal 14px/16px Lato;
	opacity:  1;
}
.search_company .form-control:-ms-input-placeholder, #nav-tree-search.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #6E6E6E;
	font: normal normal normal 14px/16px Lato;
	opacity:  1;
}
.company_list, .clickScoreScroll {
	overflow-y: auto;
}
.company_menu .dropend .dropdown-toggle::after {
	border: none;
}
.company_menu .dropdown-menu {
	background: #171D1A 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 12px rgb(0 0 0 / 40%);
	border-radius: 8px;
	min-width: 200px;
}
.company_menu .dropdown-menu p {
	margin: 10px 20px;
}
.company_menu .dropdown-menu li {
	margin: 5px 20px;
}
.company_menu .dropdown-menu a {
	color: var(--whiteColor);
	border-radius: 18px;
	font: normal normal normal 14px/15px Lato;
	padding: 6px 10px;
	position: relative;
}
.company_menu .dropdown-menu a input {
	position: absolute;
	cursor: pointer;
	opacity: 0;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.company_menu .dropdown-menu a:hover {
	background-color: #2f3532;
}
.company_menu .dropdown-menu hr {
	border-color: #6E6E6E;
	margin: 10px;
}
.company_menu .dropdown-toggle.show rect {
	fill: var(--whiteColor);
}
/* Sidebar */
/* Tree */
#nav-tree li, #nav-tree li>div {
	border-radius: 18px;
}
#nav-tree li {
	margin: 5px 0;
	width: 100%;
}
#nav-tree li:not(.emptyState):hover, #nav-tree li.active {
	background-color: #2f3532;
}
#nav-tree li span.suffix, #nav-tree li span.prefix  {
	min-width: 22px;
}
#nav-tree li.emptyState {
	font-size: 15px;
	color: var(--whiteColor);
}
#nav-tree li>div {
	padding: 2px 10px;
}
#nav-tree li>div:not(.collapse):hover {
	background: #141414;
}
#nav-tree li .fa-link {
	display: none;
}
span.companies_type {
	font: normal normal 400 12px/15px Lato;
	color: #BFBFBF;
	border: 1px solid #BFBFBF;
	border-radius: 4px;
	padding: 1px 1px;
	min-width: 20px;
	display: inline-block;
	text-align: center;
}
#nav-tree li a {
	font: normal normal normal 16px/19px Lato;
	color: var(--whiteColor);
	padding: 6px;
}
#nav-tree li a i {
	color: #838383;
}
#nav-tree li.active * {
	color: var(--whiteColor) !important;
}
/* Tree */

/* Header */
.user_img {
	border-radius: 50%;
	background: #FFAB12;
	width: 28px;
	height: 28px;
}
.user_img img {
	border-radius: 50%;
	width: 28px;
	height: 28px;
}
.user_img p {
	margin: 0;
	line-height: 28px;
	text-align: center;
	font-weight: 700;
	font-size: 18px;
	color: var(--whiteColor);
	text-transform: uppercase;
}
.headerSec .dropdown-toggle span {
	font: normal normal bold 16px/19px Lato;
	color: #464B49;
	max-width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
}
.guide_video, .guide_video video {
	width: 28px;
}
/* Header */
/* Right Col */
.right-col {
	background: var(--whiteColor);
	width: calc(100% - 280px);
	min-height: 100vh;
	margin-left: 280px;
	transition: 0.5s;
}
.page-wrapper.open .right-col, .page-wrapper.open .pagination_container {
	width: calc(100% - 80px);
	margin-left: 80px;
	transition: 0.5s;
}
.right-col form.addform, .commonMarginBottom {
	margin-bottom: 85px;
}
/* Right Col */
/* Table Form */
.list_search_box input {
	background: #F8F8F8 0% 0% no-repeat padding-box;
	border-radius: 0px 8px 8px 0px !important;
	border: 1px solid #F8F8F8;
	padding-left: 0;
}
.list_search_box input:focus {
	background: #F8F8F8 0% 0% no-repeat padding-box;
	border: 1px solid #F8F8F8;
}
.list_search_box .input-group-addon {
	background: #F8F8F8 url(../images/search_icon.svg) 50% no-repeat;
	border-color: transparent;
	border-radius: 8px 0px 0px 8px;
	padding: 0 15px;
}
.list_search_box {

}
/* Table Form */
/* Company List */
.masterMenuList li {
	list-style: none;
	margin: 0 20px 0 0;
}
.masterMenuList li a {
	text-decoration: none;
	font: normal normal normal 16px/19px Lato;
	color: #171D1A;
	padding: 4px 5px;
	position: relative;
	display: block;
}
.masterMenuList li a.active, .masterMenuList li a:hover {
	color: var(--primary);
}
.masterMenuList li a:after {
	content: "";
	position: absolute;
	width: 0;
	height: 3px;
	background: var(--primary);
	transition: width 0.3s;
	bottom: -8px;
	left: 0;
	z-index: 1;
}
.masterMenuList li a:hover::after, .masterMenuList li a.active:after {
	width: 100%;
}
.companyDetailsWrapper {
	height: 200px;
}
.companyDetailsBg {
	background: url(../images/company_bg.png) 100% no-repeat;
	border-radius: 8px;
	height: 150px;
	background-size: cover;
}
.companyDetailsSec {
	width: 650px;
	border-radius: 8px;
	border-left: 8px solid var(--primary);
	box-shadow: 0px 1px 6px rgb(0 0 0 / 8%);
	margin: auto;
	position: absolute;
	bottom: 15px;
	background: var(--whiteColor);
	left: 0;
	right: 0;
}
.companyDetailsSec .col {
	padding: 0 30px;
}
.companyLogo img {
	max-height: 128px;
	max-width: 100%;
}
.defaultCompLogo {
	background: #F1F1F1;
	padding: 28px 20px;
	border-radius: 8px;
}
.companyDetailsSec>div:nth-child(2):after {
	content: "";
	border-right: 1px solid #f1f1f1;
	position: absolute;
	height: 100%;
	right: 0;
	top: 0;
	margin: auto;
	bottom: 0;
}
.companyDetails div:nth-child(2) {
	margin: 10px 0;
}
.companyDetails h5 {
	font: normal normal bold 12px/15px Lato;
	color: #8D8D8D;
	margin: 0 0 4px 0;
}
.companyDetails p {
	font: normal normal 400 14px/17px Lato;
	margin: 0;
	max-width: 154px;
}
.licenseCount span {
	font: normal normal 400 12px/15px Lato;
}
.licenseCount span:first-child {
	font: normal normal bold 16px/19px Lato;
	color: var(--primary);
}
.fundManage {
	position: absolute;
	right: -40px;
	top: 30px;
}
.fundRow .form-error {
	position: absolute;
	bottom: -16px;
	left: 5px;
	font-size: 11px;
}
.deleteCompanyTable {
	border: 1px solid #D1D2D1;
}
.deleteCompanyTable th {
	font: normal normal bold 13px/16px Lato;
	color: #6E6E6E;
}
.deleteCompanyTable th, .deleteCompanyTable tr td {
	border-bottom: none;
	border-right: 1px solid #D1D2D1;
}
.deleteCompanyTable tr td {
	padding: 6px 15px;
}
.deleteCompanyTable span {
	display: inline-block;
}
.deleteCompanyTable .companies_type {
	border: 1px solid #171D1A;
	background: #171D1A 0% 0% no-repeat padding-box;
	color: var(--whiteColor);
}
.deleteCompanyTable .company_type {
	border: 1px solid #E5E5E5;
	border-radius: 8px;
	padding: 5px 12px;
	font: normal normal normal 12px/13px Lato;
	color: #171D1A;
	min-width: 130px;
}
.deleteCompanyTable .textIndent:before {
	content: "-";
	margin: 0 10px;
}
a.handle-trigger:hover {
	color: var(--primary);
}
/* Company List */
/* Project List */
.project-list-view {
	margin-bottom: 85px;
}
.project-list-view video {
	width: 200px;
}
.projectListWrapper {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 1px 1px 6px rgb(0 0 0 / 8%);
	border-radius: 8px;
	margin: 0 0 10px 0;
}
.projectListWrapper:hover {
	background: #F5F5F5 0% 0% no-repeat padding-box;
}
.projectListDetails:after {
	content: "";
	border-right: 1px dashed #D1D2D1;
	position: absolute;
	right: 0;
	height: 100%;
	top: 0;
}
.projectListDetails .projectName {
	font: normal normal normal 16px/19px Lato;
	color: #171D1A;
}
.projectName:before {
	content: "";
	width: 8px;
	height: 8px;
	background: #000;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 7px;
}
.projectName.active:before {
	background: #00CB59;
}
.projectName.inactive:before {
	background: #727272;
}
.projectListDetails .companyName {
	font: normal normal bold 14px/17px Lato;
	color: #171D1A;
}
.projectListDetails .project_points {
	font: normal normal normal 13px/17px Lato;
	color: #8D8D8D;
}
.projectListDetails .project_substatus {
	font: normal normal normal 10px/12px Helvetica Neue;
	color: #707070;
}
.roleAppProjectList {
	display: flex;
	align-items: center;
	min-height: 56px;
}
.projectListCockpit .cockpitLink {
	font: normal normal bold 12px/15px Lato;
	text-decoration: none;
	color: var(--fColor);
	border: 1px solid var(--primary);
	border-radius: 8px;
	padding: 10px 8px;
	text-transform: uppercase;
	min-width: 82px;
	display: block;
	text-align: center;
}
.projectListCockpit .cockpitLink.roleAppLink {
	min-width: 90px;
	max-width: 110px;
	padding: 10px 5px;
}
.projectListCockpit .projectLink .hoverImg, .projectListCockpit .projectLink:hover .nonHoverImg, .guide_video:hover .nonHoverImg, .guide_video .hoverImg {
	opacity: 0;
	display: none;
	transition: 0.4s;
}
.projectListCockpit .projectLink:hover .hoverImg, .projectListCockpit .projectLink .nonHoverImg, .guide_video:hover .hoverImg, .guide_video .nonHoverImg {
	opacity: 1;
	display: inline-block;
	transition: 0.4s;
}
.projectListCockpit .cockpitLink.inactive {
	background: #D1D2D1 0% 0% no-repeat padding-box;
	color: rgb(23 29 26 / 40%);
	border: 1px solid #D1D2D1;
	pointer-events: none;
}
.projectListCockpit .cockpitLink.inactive span {
	color: rgb(23 29 26 / 40%);
}
.projectListCockpit .cockpitLink:hover {
	background: var(--primary);
	color: var(--whiteColor);
}
.projectListCockpit .cockpitLink:hover span {
	color: var(--whiteColor);
	transition: 0.4s;
}
.projectListCockpit .cockpitLink span {
	color: var(--primary);
	transition: 0.4s;
}
.projectListCockpit .editIcon {
	font-size: 20px;
}
.personaSelect .select2-container--default .select2-selection--multiple .select2-selection__choice[title="Manager"] {
	background-color: #C6EAE7;
	color: #2E5E60;
}
.personaSelect .select2-container--default .select2-selection--multiple .select2-selection__choice[title="Consumer"] {
	background-color: #D7E3F8;
	color: #1E50A0;
}
.personaSelect .select2-container--default .select2-selection--multiple .select2-selection__choice[title="Hotspot Manager"] {
	background-color: #E8DDFA;
	color: #6C44AA;
}
.personaSelect .select2-container--default .select2-selection--multiple .select2-selection__choice[title="Client Partner"] {
	background-color: #F9F5D3;
	color: #26313A;
}
.personaSelect .select2-container--default .select2-selection--multiple .select2-selection__choice {
	border-radius: 13px;
	padding: 4px 20px 4px 10px;
	font: normal normal normal 10px/12px Lato;
	margin-bottom: 3px;
}
.personaSelect .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	right: 4px;
	left: auto;
	background-color: #8d8d8d;
	color: var(--whiteColor);
	border-radius: 50%;
	width: 15px;
	height: 15px;
	line-height: 14px;
	top: 16%;
	padding: 0 0 1px 0px;
	text-align: center;
	font-size: 12px;
}
.personaDropdown.custom-dropdown .select2-results__option:before, .permisionDisable.custom-dropdown .select2-results__option:before {
	border: 1px solid transparent;
	background-color: #E5E5E5;
}
.select2-container--default .personaDropdown.custom-dropdown .select2-results__option--selected:before, .select2-container--default .permisionDisable.custom-dropdown .select2-results__option--selected:before {
	background-color: var(--primary);
	line-height: 14px;
}
.permissionDropdown .select2-container--default .select2-selection .select2-selection__rendered .select2-selection__choice {
	pointer-events: none;
}
.permissionDropdown .select2-container--default .select2-selection .select2-selection__rendered .select2-selection__choice:nth-child(3) {
	pointer-events: inherit;
}
.custom-dropdown.permisionDisable .select2-results__option[aria-disabled=true]:before, .rightCardInner .btn_primary.pe-none {
	opacity:0.5
}
/* Project List */
/* Role List */
.roleTable th span {
	display: inherit;
}
/* Role List */
/* Company Tree */
.treeSelector-parent-ul ul {
	list-style-type: none;
	padding-left: 15px;
}
.treeSelector-parent-ul {
	margin: 10px 0 0px 0 !important;
}
.treeSelector-container .treeSelector-input-box {
	border: 1px solid #E5E5E5;
	min-height: 36px;
	cursor: pointer;
	background: url(../../masters/images/select_down_arrow.svg) 100% 50% no-repeat;
}
.project_type_input {
	padding: 9px 16px;
	text-overflow: ellipsis;
}
.treeSelector-container.open .treeSelector-container .treeSelector-input-box, .project_type_input, .project_type_input:read-only {
	background: url(../../masters/images/select_down_arrow.svg) 100% 50% no-repeat;
}
.func_select_btn.show + .project_type_input {
	background: url(../../masters/images/select_up_arrow.svg) 100% 50% no-repeat;
}
.pe-none .treeSelector-container .treeSelector-input-box {
	background: #F8F8F8;
}
.treeSelector-container .treeSelector-wrapper.visible {
	padding: 0 4px;
	border-top: none;
	z-index: 102;
}
.treeSelector-container .treeSelector-parent-ul li.treeSelector-li {
	padding: 5px 8px;
	position: relative;
}
.treeSelector-container .treeSelector-parent-ul li.treeSelector-li:hover {
	background: #FDEFF2 0% 0% no-repeat padding-box;
}
.treeSelector-container .treeSelector-wrapper.visible, .treeSelector-container .treeSelector-wrapper.visible .treeSelector-input-search {
	border: 1px solid #E5E5E5;
	border-radius: 4px 4px 0px 0px;
}
.treeSelector-container .treeSelector-wrapper.visible .treeSelector-input-search {
	border-radius: 18px;
	padding: 4px 6px 4px 30px;
	background: transparent url(../../masters/images/search_icon.svg) 3% 50% no-repeat;
}
.treeSelector-container .treeSelector-wrapper.visible .treeSelector-input-search:focus, .treeSelector-container .treeSelector-wrapper.visible .treeSelector-input-search:focus-visible {
	border-color: #86b7fe;
	outline: none;
}
.treeSelector-parent-ul .treeSelector-li-title-box input[type="checkbox"] {
	border: 1px solid #707070;
	border-radius: 4px;
	height: 16px;
	width: 16px;
	top: 0;
	bottom: 0;
	margin: auto;
	cursor: pointer;
}
.treeSelector-parent-ul .treeSelector-li-title-box input[type="checkbox"]:checked {
	border-color: var(--primary);
	outline: none;
}
.treeSelector-parent-ul .treeSelector-li-title-box {
	padding-left: 22px !important;
	margin: 5px 0;
}
.treeSelector-container li.treeSelector-li .treeSelector-li-title-box.pe-none {
	cursor: default;
	opacity: 0.6;
}
.treeSelector-parent-ul .treeSelector-li-title-box input[type="checkbox"]:after {
	content: '\f00c';
	font-family: "Font Awesome 5 Free";
	font-size: 9px;
	color: var(--whiteColor);
	border: none;
	transform: inherit;
	left: 2px;
	top: 0;
	font-weight: 900;
}
.treeSelector-parent-ul .treeSelector-li-title-box .treeSelector-li-title {
	font: normal normal normal 14px/17px Lato;
	color: #171D1A;
	padding-right: 10px;
}
.treeSelector-parent-ul .treeSelector-li-title-box .company_type {
	font: normal normal 400 10px/12px Lato;
	color: #171D1A;
	background: #D1D2D1 0% 0% no-repeat padding-box;
	border-radius: 5px;
	padding: 4px 5px;
	margin: auto 5px auto 0px;
	min-width: 24px;
	height: 20px;
	text-align: center;
}
.treeSelector-parent-ul .has-children .close-parent:before, .treeSelector-parent-ul .has-children .treeSelector-li-box:before {
	content: "";
	display: none;
}
.treeSelector-container li.treeSelector-li .treeSelector-li-title-box:hover {
	background-color: transparent;
}
.treeSelector-parent-ul .has-children>.treeSelector-li-box:after {
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	position: absolute;
	right: 5px;
	top: 10px;
	font-weight: 900;
	width: 15px;
	text-align: center;
	cursor: pointer;
}
.treeSelector-parent-ul .has-children>.has-children.close-parent:after {
	content: "\f106";
	font-family: "Font Awesome 5 Free";
	position: absolute;
	right: 5px;
	top: 5px;
	font-weight: 900;
	width: 15pxpx;
	text-align: center;
	cursor: pointer;

}
.treeSelector-container .treeSelector-input-box .title-item {
	background-color: #FDEFF2;
	border-color: #FDEFF2;
	color: var(--fColor);
}
.treeSelector-container .treeSelector-input-box .title-item .fa {
	color: var(--fColor);
	top: 0px;
}
.pe-none .treeSelector-container .treeSelector-input-box .title-item .fa {
	display: none;
}
/* Company Tree */
/* Project */
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	background-color: var(--whiteColor);
	color: var(--primary);
}
.project-navbar {
	overflow-y: auto;
	position: relative;
}
.projectCreate .slimScrollDiv {
	padding: 0;
}
.projectAccordion:focus-visible, .nav-pills .nav-link:focus-visible, .project-navbar:focus-visible {
	outline: none;
}
.projectAccordion .accordion-item {
	box-shadow: none;
	border-radius: 5px;
	border: 1px solid #EDEDED;
	margin: 30px auto;
}
.projectAccordion .card-header, .accordion-button:not(.collapsed) {
	background: transparent;
	border: none;
}
.projectAccordion .accordion-button {
	font: normal normal 400 18px/22px Lato;
	color: var(--fColor);
	padding: 12px 20px;
}
.projectAccordion .accordion-button:focus {
	box-shadow: none;
}
.projectAccordion .accordion-inner-body {
	background: #F8F8F8 0% 0% no-repeat padding-box;

}
.projectAccordion .accordion_add_section {
	background: #ffffff 0% 0% no-repeat padding-box;
	border-top: 1px solid #EDEDED;
}
.projectAccordion .accordion_add_section a, .projectAccordion .accordion_add_section span.commonAddBtn {
	font: normal normal 400 16px/19px Lato;
}
.projectAccordion .accordion_add_section, .projectAccordion .accordion-inner-body {
	padding: 10px 20px;
}
.common_table {
	border-collapse: separate;
	border-spacing: 0 2px;
	width: 80%;
	margin: auto;
}
.common_table thead th, .common_table tbody td {
	padding: 10px 13px;
	font: normal normal 400 16px/19px Lato;
}
.common_table thead th {
	color: #838383;
}
.common_table tbody td {
	color: #333333;
	background: #fff;
}
.projectAccordion .accordion_add_section h6 {
	color: #838383;
	font: normal normal 400 12px/15px Lato;
}
.modal-project-accordion {
	width: 380px;
}
/* Project */
/* Functional Group Menu */
.func_select_btn {
	width: 100%;
	opacity: 0;
	position: absolute;
	margin-top: 2px;
}
.func_select_dropmenu {
	padding: 0;
	margin: 0;
	width: 100%;
}
.func_select_dropmenu li.dropdown-submenu {
	position: relative;
}
.func_select_dropmenu li.pe-none {
	opacity: 0.5
}
.func_select_dropmenu .dropdown-submenu .dropdown-menu {
	left: 100%;
	bottom: 0;
	padding: 0;
	margin: 0;
}
.func_select_dropmenu li a, .func_select_dropmenu li span {
	width: 100%;
	display: block;
	position: relative;
	padding: 0;
}
.func_select_dropmenu li a:hover, .func_select_dropmenu li span:hover {
	background-color: #FDEFF2;
}
/*.func_select_dropmenu .dropdown-item.active, .func_select_dropmenu .dropdown-item:active {
    background-color: var(--primary);
}
.func_select_dropmenu .dropdown-item.active label, .func_select_dropmenu .dropdown-item:active label {
    color: var(--bgWhite);
}*/
.func_select_dropmenu li a input, .func_select_dropmenu li span input {
	margin: 0;
	z-index: 9;
}
.func_select_dropmenu li a input[type="radio"], .func_select_dropmenu li span input[type="radio"] {
	width: 100%;
	height: 100%;
	left: 0 !important;
	margin: 0;
	opacity: 0;
	z-index: 9;
	cursor: pointer;
}
.func_select_dropmenu li a label, .func_select_dropmenu li span label {
	margin: 0 !important;
	width: 100%;
	padding: 10px;
	cursor: pointer;
	position: relative;
	font-size: 14px;
}
.func_select_dropmenu li label span {
	padding: 0 0 0 25px;
	font-size: 14px;
}
.func_select_dropmenu .dropdown-toggle:after {
	margin: 0 0 0 -20px;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	border-top: 0.3em solid #a1a1a1;
}
.func_select_dropmenu .dropdown-toggle.clickDropArrow:after {
	border: none;
}
.clickDropArrow i {
	position: absolute;
	right: 5px;
	top: 8px;
	z-index: 10;
	padding: 5px;
	color: #a1a1a1;
}
.func_select_dropmenu [type="radio"]:checked+label:before, .func_select_dropmenu [type="radio"]:not(:checked)+label:before {
	top: 10px;
}
.func_select_dropmenu [type="radio"]:checked+label:after, .func_select_dropmenu [type="radio"]:not(:checked)+label:after, .func_select_dropmenu li a input[type="checkbox"], .func_select_dropmenu li span input[type="checkbox"] {
	top: 13px;
}
.functionGroupDelete {
	position: absolute;
	right: -25px;
	top: 10px;
}
.func_select_dropmenu .dropdown-item.active, .func_select_dropmenu .dropdown-item:active {
	color: #000;
	background-color: #f8f9fa;
}
.func_select_dropmenu .customCheckBox .form-check-input[type=checkbox], .func_select_dropmenu.customCheckBox .form-check-input[type=checkbox] {
	position: absolute;
	left: 10px;
	margin: 0;
	z-index: 9;
	cursor: pointer;
}
.module_name {
	text-transform: capitalize;
}
/* Functional Group Menu */
/* Assign User CSS */
.assign_user_list_heading label {
	font-size: 18px;
	color: #9C9C9C;
	text-transform: capitalize;
}
.survey_assign_user_list_heading label {
	font-size: 16px;
	color: #9C9C9C;
	text-transform: capitalize;
}
.assign_user_list_wrapper .col {
	padding-right: 0;
	position: relative;
	padding-left: 16px;
}
.assign_user_list_wrapper .col div.form-control {
	background: var(--whiteColor);
	height: auto;
	min-height: 36px;
}
.assign_user_list_wrapper .disable_div input, .assign_user_list_wrapper .col.disable_div div, div.form-control.disable_div:read-only {
	background: #F7F7F7 0% 0% no-repeat padding-box;
}
.assign_user_list_wrapper .assign_user_action {
	position: absolute;
	right: 0;
	width: auto;
	padding-right: 0;
}
.assign_user_list_wrapper .assign_user_action a {
	background-color: var(--whiteColor);
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
}
.assign_user_list_wrapper .assign_user_action a img {
	width: 22px;
}
.assign_user_list_wrapper .assign_user_action i {
	font-size: 16px;
}
.user_badge {
	background: #E5E8EB 0% 0% no-repeat padding-box;
	border-radius: 10px;
	color: #333333;
	padding: 4px 8px;
	font: normal normal normal 14px/16px Lato;
	position: absolute;
	right: 10px;
	top: 7px;
	bottom: 0;
	height: 24px;
	/*margin: auto;*/
}
.disable_div .user_badge {
	background: #FFFFFF 0% 0% no-repeat padding-box;
}
.consultant_div span {
	max-width: 70px;
}
.consultant_div span.user_badge {
	max-width: 160px;
}
.standard_user_div span {
	max-width: 175px;
}
.client_admin_div span {
	max-width: 180px;
}
.assignUserRight .consultant_div span {
	max-width: 125px;
}
.assignUserRight .standard_user_div span {
	max-width: 165px;
}
.assignUserRight .client_admin_div span {
	max-width: 168px;
}
/* Assign User CSS */
/* File Colleteral */
#drop.upload-area {
	display: block !important;
}
.file_list_details_wrapper {
	max-height: 300px;
}
.file_list_details {
	border: 1px solid #F1F1F1;
	border-radius: 8px;
	padding: 15px;
	margin: 0 0 5px 0;
}
.file_list_details .progress {
	height: 4px;
}
.file_list_details .progress-bar {
	background-color: #3AB75C;
}
.file_list_details .percentageVal {
	font: normal normal normal 10px/12px Lato;
	position: absolute;
	right: 0;
}
/* File Colleteral */
/* Profile */
.profile-dropdown a {
	font: normal normal 400 14px/16px Lato;
	color: #171D1A;
	border-radius: 8px;
}
.profile-dropdown a:hover {
	background: #FDEFF2 0% 0% no-repeat padding-box;
	color: var(--fColor);
}
.profile-dropdown a.active {
	color: var(--fColor);
}
/* Profile */
.collateral_file {
	min-height: 120px !important;
	height: auto;
}
.file_list_details .fileName {
	color: #8D8D8D;
}
/*Sidebar Collapse*/
.page-wrapper.open .hidecollapse, .page-wrapper .showcollapse, .page-wrapper.open #nav-tree li span.suffix {
	display: none !important;
}
.page-wrapper.open .showcollapse {
	display: block !important;
}
.page-wrapper.open .sidebarMenu .sidebarLink img, .page-wrapper.open #nav-tree li span.prefix {
	margin: 0 auto !important;
}
.page-wrapper.open #nav-tree-search {
	padding: 0px 12px 4px 44px;
	background: transparent url(../../masters/images/search_icon_white.svg) 50% 50% no-repeat;
}
.sidehide  {
	position: absolute;
	right: -10px;
	top: 36px;
	background: var(--fColor);
	border: 1px solid var(--whiteColor);
	width: 24px;
	height: 24px;
	border-radius: 50%;
	padding: 0;
	text-align: center;
	box-shadow: 1px 1px 6px rgb(0 0 0 / 50%);
}
.page-wrapper .sidehide i {
	transition: 0.5s;
	color: var(--whiteColor);
	font-size: 16px;
}
.page-wrapper.open .sidehide i {
	transform: rotate(180deg);
	margin: 0px 0 0px 0px;
	transition: 0.5s;
}
.page-wrapper.open .menu-bar .px-3 {
	padding: 0 !important;
}
/*Sidebar Collapse*/
/* Role Survey */
.rolesurvey-details {
	background: #FDF2E0 0% 0% no-repeat padding-box;
	border-radius: 8px;
	border-right: 16px solid #FFE2B4;
	padding: 8px 20px;
}
.rolesurvey-details p {
	font: normal normal bold 16px/19px Lato;
	color: #4D4B4D;
	margin: 0 0 10px 0;
	text-shadow: 0 0 0 black;
}
.rolesurvey-details h6 {
	font: normal normal normal 14px/17px Lato;
	color: #707070;
	display: inline-block;
	margin: 0 0 10px 0;
}
.rightCard {
	border-left: 1px solid #F1F1F1;
}
.surveyStage {
	border: 1px solid #D1D2D1;
	border-radius: 8px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	margin: 0 0 5px 0;
	padding: 6px 15px;
	cursor: pointer;
}
.surveyStage.active {
	background: #171D1A 0% 0% no-repeat padding-box;
	color: var(--whiteColor);
}
.rightCard .form-control {
	font: normal normal normal 16px/19px Lato;
	color: #171D1A;;
}
.rightCard .actionBtn {
	font: normal normal normal 16px/19px Lato;
	color: var(--primary);
}
.rightCard .accordion-header {
	border-radius: 8px;
	margin: 0 1px;
	padding: 2px 0;
}
.leftCard .accordion-header {
	border-radius: 8px;
}
.leftCard .accordion-item, .rightCard .accordion-item {
	border-radius: 8px;
	border: 1px solid #E5E5E5;
}
.leftCard .accordion-item.notcompleted, .surveyRating.notcompleted, .surveyRatingWrapper.notcompleted .surveyRating:not(.completed) {
	border: 1px solid #ff0000 !important;
}
.rightCard aside {
	margin: 10px 0;
}
.leftCard .accordion-item:not(:first-of-type), .rightCard .accordion-item:not(:first-of-type) {
	border-top: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.rightCard .accordion-button:not(.collapsed), .rightCard .accordion-button:focus, .rightCard .accordion-button:not(.collapsed) {
	box-shadow: none;
	color: inherit;
}
.leftCard .accordion-button:focus {
	box-shadow: inset 0 calc(-1 * 1px) 0 #dee2e6;
}
.leftCard .accordion-button {
	padding: 10px;
	font: normal normal normal 16px/19px Lato;
	color: #171D1A;
	border-radius: 8px 8px 0px 0px;
}
.leftCard .accordion-button.collapsed {
	border-radius: 8px;
}
.leftCard .accordion-item.active > .accordion-header .accordion-button {
	background: #171D1A 0% 0% no-repeat padding-box;
	color: var(--whiteColor);
}
.rightCard .accordion-button {
	padding: 10px 10px 10px 0px;
	font: normal normal normal 14px/17px Lato;
	color: #171D1A;
	cursor: inherit;
	border-radius: 8px;
}
.rightCard .accordion .jtbd_weightage, .rightCard .accordion .jtbd_weightage.editableItem {
	text-align: center;
	background: #F1F1F1 0% 0% no-repeat padding-box;
	border-radius: 8px;
	padding: 4px 8px;
	min-width: 62px;
	display: inline-block;
	max-width: 62px;
}
.rightCard .accordion.editMode .jtbd_weightage.editableItem, .rightCard .accordion.editMode .accordion-body {
	background: #fff 0% 0% no-repeat padding-box;
}
.rightCard .jtbdDesc {
	min-height: 150px;
}
.rightCard .accordion.editMode .editableItem, .rightCard .accordion:not(.editMode) .nonEditableItem {
	display: block;
}
.rightCard .accordion:not(.editMode) .editableItem, .rightCard .accordion.editMode .nonEditableItem {
	display: none !important;
}
.rightCard .accordion-body {
	background: #F8F8F8 0% 0% no-repeat padding-box;
	border-radius: 8px;
	margin: 0px 10px 10px 10px;
	position: relative;
	text-align: justify;
}
.rightCard .accordion.editMode .accordion-body {
	padding: 6px 6px 0px 6px;
}
.leftCard .accordion-button::after, .rightCard .accordion-button::after {
	cursor: pointer;
	background-image: url("data:image/svg+xml,%3Csvg id='Group_32598' data-name='Group 32598' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='Path_15690' data-name='Path 15690' d='M0,0H24V24H0Z' fill='none'/%3E%3Cpath id='Path_15691' data-name='Path 15691' d='M12,15,7.757,10.757,9.172,9.343,12,12.172l2.828-2.829,1.415,1.414Z'/%3E%3C/svg%3E%0A");
	background-size: 35px;
	background-position: -6px -6px;
}
.leftCard .accordion-item.active .accordion-button::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='Group_32598' data-name='Group 32598' transform='translate(0)'%3E%3Cpath id='Path_15690' data-name='Path 15690' d='M0,0H24V24H0Z' transform='translate(0)' fill='none'/%3E%3Cpath id='Path_15691' data-name='Path 15691' d='M12,15,7.757,10.757,9.172,9.343,12,12.172l2.828-2.829,1.415,1.414Z' transform='translate(0)' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.page-wrapper:not(.open) .w-69 {
	width: 63%;
}
.copyClipboardSec {
	position: absolute;
	right: 1%;
	top: 10px;
}
.copy_clipboard_icon {
	opacity: 0;
	transition: 0.4s;
}
.tab-trigger:hover .copy_clipboard_icon {
	opacity: 1;
	transition: 0.4s;
}
.accordion-body.tab-trigger:hover .copy_clipboard_icon {
	background: #f8f8f8;
}
/*.paginationRoleApp a {
	font: normal normal bold 12px/15px Lato;
	color: #919191;
}*/
.paginationRoleApp {
	position: fixed;
	background: var(--whiteColor);
	box-shadow: 2px 3px 15px rgb(0 0 0 / 8%);
	bottom: 0;
	width: calc(100% - 30%);
	margin-left: 100px;
	transition: 0.5s;
	right: 0;
}
/* Role Survey */
/* Role Survey Stages */
.activeStage {
	font-weight: bold !important;
}
.rolesurvey-stages a {
	font: normal normal 16px/19px Lato;
	color: #171D1A;
	text-transform: capitalize;
	margin: 0;
}
.rolesurvey-stages .stageList {
	margin: 0 0 32px 0;
	position: relative;
}
.rolesurvey-stages .stageList .imgSec {
	width: 30px;
	height: 30px;
	background: var(--whiteColor);
	border: 1px solid #c1c1c1;
	text-align: center;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	/*opacity: 0.5;*/
}
.rolesurvey-stages .stageList .imgSec svg path {
	fill: #ddd;
}
.rolesurvey-stages .stageList.active .imgSec svg path, .rolesurvey-stages .stageList.completed .imgSec  svg path {
	fill:  #bf6fff;
}
.rolesurvey-stages .stageList.active .imgSec, .rolesurvey-stages .stageList.completed .imgSec {
	border: 1px solid #bf6fff;
	opacity: 1;
}
.rolesurvey-stages .stageList.inprogress .imgSec {
	border: 1px dashed #bf6fff;
}
.rolesurvey-stages .stageList:after {
	content: '';
	border-right: 1px dashed #c1c1c1;
	position: absolute;
	bottom: -31px;
	height: 30px;
	left: 15px;
}
.rolesurvey-stages .stageList.active:after, .rolesurvey-stages .stageList.completed:after {
	border-right: 1px solid #bf6fff;
}
.rolesurvey-stages .stageList:last-child:after {
	content: '';
	border-right: none;
}
/* Role Survey Stages */
/* Role Survey Assign User */
.assignUserRight {
	padding-bottom: 85px;
}
.weightageSec:after {
	content: '';
	border-bottom: 1px dashed #F0F0F0;
	position: absolute;
	width: 92%;
	margin: 0 auto;
	display: block;
	left: 5%;
}
.roleAppRelType {
	position: relative;
}
.roleAppRelType .user_badge {
	background: #E8DDFA 0% 0% no-repeat padding-box;
	border-radius: 10px;
	color: #6C44AA;
	top: 6px;
}
.roleAppWeight .form-control:read-only {
	background: var(--whiteColor);
}
.roleAppWeight.disable_div .form-control:read-only, .roleAppWeight.disable_div  .input-group-append .input-group-text {
	background: #F7F7F7 0% 0% no-repeat padding-box;
}
.invite_status {
	background: #ECECEC 0% 0% no-repeat padding-box;
	border-radius: 10px;
	color: #707071;
	font: normal normal 400 13px/16px Lato;
	padding: 3px 10px;
	min-width: 87px;
	display: inline-block;
}
.invite_status.completed {
	background: #E3FFD4 0% 0% no-repeat padding-box;
	color: #8CC63E;
}
.invite_status.inprogress {
	background: #FFF3D4 0% 0% no-repeat padding-box;
	color: #FCB713;
}
.surveyAccordion .rolesurvey-stages .stageList {
	margin: 0 0 30px 0;
}
.surveyAccordion .rolesurvey-stages .stageList:last-child {
	margin: 0;
}
.surveyAccordion .rolesurvey-stages .stageList .imgSec {
	width: 17px;
	height: 17px;
}
.surveyAccordion .rolesurvey-stages a {
	font: normal normal normal 16px/19px Lato;
}
.surveyAccordion .rolesurvey-stages .stageList:after {
	bottom: -30px;
	height: 30px;
	left: 7.5px;
}
.surveyQues {
	font: normal normal normal 16px/19px Lato;
	color: #171D1A;
}
.autosize {
	overflow: hidden;
}
.rightCard .form-control.autosize {
	font: normal normal normal 12px/15px Lato;
}
.surveySuccess {
	max-width: 380px;
}
#success_support_modal .surveySuccess {
	max-width: 415px;
}
#success_support_modal .surveySuccess h2 {
	margin-bottom: 12px;
}
#success_support_modal .surveySuccess p {
	color: rgba(23, 29, 26, 0.70);
}
.surveySuccess h2 {
	font: normal normal bold 16px/19px Lato;
	color: #4D7419;
	text-transform: capitalize;
}
.surveySuccess.alertText h2 {
	color: #ff0000;
}
.surveySuccess.normalText h2 {
	color: #171D1A;
}
.surveySuccess p {
	font: normal normal normal 14px/20px Lato;
	color: #171D1A;
	/* text-transform: capitalize; */
}
.rightJtbd, .rightSurvey, .surveyLeftAccordion {
	overflow: auto;
}
/* Role Survey Assign User */
/* Role Survey Slider */
.rangeSlider {
	position: relative;
	margin-top: 10px;
}
.roleAppSlider {
	height: 12px;
	background: #D1D2D1 0% 0% no-repeat padding-box;
	border-radius: 8px;
	border: none;
	z-index: 1;
}
.ui-widget.ui-widget-content {
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}
.roleAppSlider.ui-slider .ui-slider-handle {
	width: 12px;
	height: 12px;
	background: #b1b1b1 0% 0% no-repeat padding-box;
	border: 1px solid #b1b1b1;
	color: #b1b1b1;
	outline: none !important;
	cursor: pointer;
	top: -6px;
	margin-left: -6px;
}
.roleAppSlider.ui-slider .ui-slider-handle.redBg {
	background: var(--primary) 0% 0% no-repeat padding-box;
	border: 1px solid var(--primary);
	color: var(--primary);
}
.roleAppSlider:before, .roleAppSlider:after, .roleAppSliderLine:before, .roleAppSliderLine:after {
	content: "";
	width: 1px;
	height: 12px;
	background: #D1D2D1;
	position: absolute;
	top: -5px;
}
.roleAppSliderValue:before, .roleAppSliderValue:after {
	font: normal normal normal 12px/15px Lato;
	text-align: center;
	width: 16px;
	color: #919191;
	position: absolute;
	top: 10px;
	margin-left: -8px;
}
.roleAppSliderValue:before {
	content: "0";
	left: 0%;
}
.roleAppSliderValue:after {
	content: "10";
	left: 100%;
}
.roleAppSliderLine:before, .roleAppSliderLine:after {
	top: 0px;
}
.roleAppSlider:before {
	left: -1px;
}
.roleAppSlider:after {
	right: -1px;
}
.roleAppSliderLine:before {
	left: 10.1%;
}
.roleAppSliderLine:after {
	right: 9.9%;
}
.roleAppSliderLine.roleAppSliderStartLine:before {
	left: 20.1%;
}
.roleAppSliderLine.roleAppSliderStartLine:after {
	right: 20.1%;
}
.roleAppSliderLine.roleAppSliderMidLine:before {
	left: 30.1%;
}
.roleAppSliderLine.roleAppSliderMidLine:after {
	right: 30%;
}
.roleAppSliderLine.roleAppSliderEndLine:before {
	left: 40.1%;
}
.roleAppSliderLine.roleAppSliderEndLine:after {
	right: 40%;
}
.roleAppSliderLine.roleAppSliderNewEndLine:before {
	left: 50%;
}
.roleAppSliderLine.roleAppSliderNewEndLine:after {
	right: 45.3%;
	display: none;
}
.roleAppTableLink:hover {
	color: var(--primary);
}
.leftCardDiv {
	overflow: auto;
}
/* Role Survey Slider */
/* clickScoreRight */
.clickScoreRight table th {
	font: normal normal bold 11px/14px Lato;
	color: #5C5C5D;
	padding: 10px 6px;
}
.clickScoreRight table td {
	font: normal normal normal 12px/15px Lato;
	padding: 10px 6px;
}
.clickScoreRight table td.dimenScoreHead {
	font: normal normal bold 12px/15px Lato;
}
.page-wrapper.open .clickScoreRight table th {
	font: normal normal bold 14px/17px Lato;
	color: #5C5C5D;
	padding: 10px 6px;
}
.page-wrapper.open .clickScoreRight table td {
	font: normal normal normal 14px/17px Lato;
	padding: 10px 6px;
}
.page-wrapper.open .clickScoreRight table td.dimenScoreHead {
	font: normal normal bold 14px/17px Lato;
}
.page-wrapper.open .clickScoreRight table td.dimenScore {
	background: #F7F7F7 0% 0% no-repeat padding-box;
	font: normal normal bold 14px/17px Lato;
}
.clickScoreRight table td.dimenScore {
	background: #F7F7F7 0% 0% no-repeat padding-box;
	font: normal normal bold 12px/15px Lato;
}
table td.greyBg {
	background: #F7F7F7 0% 0% no-repeat padding-box;
}
.stakeholdersList {
	margin: 0 0 15px 0;
}
.stakeholdersList img {
	width: 25px;
	height: 25px;
}
.stakeholdersList p {
	font: normal normal normal 16px/19px Lato;
	color: #171D1A;
	margin: 0;
}
.stakeholders_list a:first-child {
	margin-left: 0px;
}
.stakeholders_list a {
	margin-left: -10px;
	display: inline-block;
	border: 1px solid var(--whiteColor);
	background: #9B9B9B 0% 0% no-repeat padding-box;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	text-align: center;
	color: var(--whiteColor);
	font-size: 10px;
}
.stakeholders_list a span {
	padding: 2px 2px 0 0;
	display: inline-block;
	width: 22px;
	height: 22px;
	text-transform: capitalize;
}
.stakeholdersList span {
	display: flex;
	width: 24px;
	height: 24px;
	text-transform: capitalize;
	background: #9B9B9B 0% 0% no-repeat padding-box;
	text-align: center;
	border-radius: 50%;
	text-align: center;
	color: var(--whiteColor);
	align-items: center;
	justify-content: center;
}
.clickScoreRight .rolesurvey-details {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 27px #0000001A;
	border-radius: 8px;
	border-left: 6px solid #c3c3c3;
	border-right: none;
	padding: 15px 20px;
	z-index: 1;
}
.clickScoreRight .rolesurvey-details.red {
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	border-left: 6px solid #E41A2C;
}
.clickScoreRight .rolesurvey-details.green {
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	border-left: 6px solid #8CC63E;
}
.clickScoreRight .rolesurvey-details.orange, .clickScoreRight .rolesurvey-details.amber {
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	border-left: 6px solid #FDB813;
}
.page-wrapper.open .clickScoreRight .rolesurvey-details h2 {
	font: normal normal bold 30px/36px Lato;
}
.clickScoreRight .rolesurvey-details h2 {
	font: normal normal bold 26px/36px Lato;
	color: #171D1A;
	margin: 0;
	display: flex;
	align-items: center;
}
.clickScoreRight .rolesurvey-details h3 {
	font: normal normal normal 18px/22px Lato;
	color: #171D1A;
	margin: 5px 0 8px 0;
}
.page-wrapper.open .clickScoreRight .rolesurvey-details h3 {
	margin: 5px 0 8px 0;
}
.clickScoreRight .rolesurvey-details h5 {
	font: normal normal normal 18px/22px Lato;
	color: #171D1A;
	background: #E3FDFF 0% 0% no-repeat padding-box;
	border-radius: 4px;
	padding: 5px 10px;
	display: inline-block;
	margin: 0;
}
.clickScoreVal {
	background: #c3c3c3 0% 0% no-repeat padding-box;
	color: #171D1A;
	text-align: center;
	width: 82px;
	height: 82px;
	font: normal normal normal 34px/41px Lato;
	margin-left: auto;
}
.clickScoreVal img {
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 5px;
	border: 2px solid #fff;
	background: #c3c3c3 0% 0% no-repeat padding-box;
}
.clickScoreVal.red, .clickScoreDiv.red .progress-bar, .clickScoreVal.red img, .red  {
	background: #E41A2C 0% 0% no-repeat padding-box !important;
	color: var(--whiteColor) !important;
}
.clickScoreVal.green, .clickScoreDiv.green .progress-bar, .clickScoreVal.green img, .green {
	background: #8CC63E 0% 0% no-repeat padding-box !important;
	color: var(--whiteColor) !important;
}
.clickScoreVal.orange, .clickScoreDiv.orange .progress-bar, .clickScoreVal.orange img, .orange, .amber.progress-bar, .clickScoreVal.amber, .clickScoreDiv.amber .progress-bar, .clickScoreVal.amber img {
	background: #FDB813 0% 0% no-repeat padding-box !important;
	color: var(--whiteColor) !important;
}
.purple.progress-bar {
	background: #AB8BC0 0% 0% no-repeat padding-box;
}
.clickScoreDiv {
	background: #F7F7F7 0% 0% no-repeat padding-box;
	border-radius: 0px 8px 8px 0px;
	height: 54px;
	color: var(--whiteColor);
	transition: 0.4s;
	border: 1px solid transparent;
	margin: 5px 0 5px -10px;
}
.handle-load.active .clickScoreDiv {
	transition: 0.4s;
	height: 58px;
	margin: 5px 0 5px -1px;
}
.clickScoreDiv p {
	font: normal normal normal 14px/17px Lato;
	margin: 0;
	color: #171D1A;
	text-transform: capitalize;
	padding: 0 0 0 10px;
}
.clickScoreDiv h6 {
	font: normal normal bold 16px/19px Lato;
	margin: 0;
}
.handle-load.active .clickScoreDiv p {
	font: normal normal bold 16px/19px Lato;
	padding: 0;
}
.expScoreVal {
	border-radius: 0px 8px 8px 0px;
}
.clickScoreDiv .progress {
	height: 7px;
	border-radius: 9px;
	background: var(--whiteColor);
}
.clickScoreDiv .progress .progress-bar {
	background: #c3c3c3;
}
.clickScoreDiv.red {
	background: #E41A2C1A 0% 0% no-repeat padding-box !important;
	border: 1px solid #E41A2C;
}
.clickScoreDiv.green {
	background: #8CC63E1A 0% 0% no-repeat padding-box !important;
	border: 1px solid #8CC63E;
}
.clickScoreDiv.orange, .clickScoreDiv.amber {
	background: #FDB8131A 0% 0% no-repeat padding-box !important;
	border: 1px solid #FDB813;
}
.clickScoreDiv.purple {
	background: #ab8bc04f 0% 0% no-repeat padding-box !important;
	border: 1px solid #AB8BC0;
}
.clickScoreDiv.red .expScoreVal {
	background-color: #E41A2C;
	border: 1px solid #fff;
	border-left: none;
}
.clickScoreDiv.green .expScoreVal {
	background-color: #8CC63E;
	border: 1px solid #fff;
	border-left: none;
}
.clickScoreDiv.amber .expScoreVal {
	background-color: #FDB813;
	border: 1px solid #fff;
	border-left: none;
}
.clickScoreDiv.purple .expScoreVal {
	background-color: #AB8BC0;
	border: 1px solid #fff;
	border-left: none;
}
.clickScoreDiv .actionBtn {
	position: absolute;
	right: 5px;
	text-align: right;
	top: -14px;
}
.rightCard .clickScoreDiv input.form-control {
	padding: 1px 0;
	background: transparent;
	border: none;
	font-weight: bold;
	height: auto;
	position: absolute;
	bottom: -4px;
	width: 45%;
	left: 5%;
	border-radius: 4px;
	text-align: center;
	font-size: 11px;
}
.page-wrapper.open .rightCard .clickScoreDiv input.form-control  {
	width: 45%;
	font-size: 14px;
	padding: 2px 0;
}
.rightCard .clickScoreDiv.editable input.form-control {
	left: auto;
	bottom: -5px;
	background: var(--whiteColor);
	right: 43px;
}
.page-wrapper.open .rightCard .clickScoreDiv.editable input.form-control {
	right: 45px;
	left: auto;
}
.submitBtn {
	position: absolute;
	bottom: -4px;
	right: 5px;
}
.submitBtn img {
	background: var(--whiteColor);
	width: 17px;
	height: 17px;
	padding: 4px;
}
.clickScoreRight .rolescore-table, .workChallengeTab-table {
	display: none;
}
.clickScoreRight .custom_table>tbody>tr:hover td:first-child:before {
	border: none;
}
.selectClickScore {
	position: absolute;
	right: -40px;
	top: -45px;
	background: #fff;
	padding: 0 15px;
	height: 30px;
	box-shadow: 1px 3px 14px #00000019;
	border-radius: 8px;
	display: none;
}
.selectClickScore:before {
	content: "";
	position: absolute;
	background: transparent;
	color: #ff0000;
	bottom: -8px;
	left: 44px;
	height: 0px;
	width: 0px;
	border: none;
	border-top: 8px solid var(--whiteColor);
	border-left: 8px solid rgba(0,0,0,0);
	border-right: 8px solid rgba(0,0,0,0);
	box-shadow: 1px 9px 14px #00000019;
}
.selectClickScore .form-check {
	margin: -45px 0 0 0;
	min-height: auto;
}
.selectClickScore .form-check [type="radio"]:checked+label:before, .selectClickScore .form-check [type="radio"]:not(:checked)+label:before {
	border: none;
	background: #E41A2C;
}
.selectClickScore .form-check:nth-child(2) [type="radio"]:checked+label:before, .selectClickScore .form-check:nth-child(2) [type="radio"]:not(:checked)+label:before {
	background: #FDB813;
}
.selectClickScore .form-check:nth-child(3) [type="radio"]:checked+label:before, .selectClickScore .form-check:nth-child(3) [type="radio"]:not(:checked)+label:before {
	background: #8CC63E;
}


.selectClickScore .form-check [type="radio"]:checked+label:after, .selectClickScore .form-check [type="radio"]:not(:checked)+label:after {
	width: 18px;
	height: 18px;
	top: 0;
	left: 0;
	background-size: 18px;
	background-repeat: no-repeat;
	background-image: url('../images/click_score_checked_red.svg');
}
.selectClickScore .form-check:nth-child(2) [type="radio"]:checked+label:after, .selectClickScore .form-check:nth-child(2) [type="radio"]:not(:checked)+label:after {
	background-image: url('../images/click_score_checked_orange.svg');
}
.selectClickScore .form-check:nth-child(3) [type="radio"]:checked+label:after, .selectClickScore .form-check:nth-child(3) [type="radio"]:not(:checked)+label:after {
	background-image: url('../images/click_score_checked_green.svg');
}
.rolescore-table:before {
	content: "";
	border-left: 1px dashed #EBEBEB;
	height: 90%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.clickScoreDiv  .selectClickScore {
	right: -18px;
}
.clickScoreDiv  .selectClickScore .form-check {
	margin: -33px 0 0 0;
}
.clickScoreDiv .clickScoreColor {
	width: 15px;
	height: 15px;
	padding: 2px;
	background: #c3c3c3 0% 0% no-repeat padding-box;
	border: 1px solid var(--whiteColor);
	outline: 1px solid #c3c3c3;
	outline-offset: 0px;
}
.clickScoreDiv.red .clickScoreColor {
	background: #E41A2C 0% 0% no-repeat padding-box;
	outline: 1px solid #E41A2C;
}
.clickScoreDiv.green .clickScoreColor {
	background: #8CC63E 0% 0% no-repeat padding-box;
	outline: 1px solid #8CC63E;
}
.clickScoreDiv.orange .clickScoreColor {
	background: #FDB813 0% 0% no-repeat padding-box;
	outline: 1px solid #FDB813;
}
/* clickScoreRight */
/* Custom Select */
.customSelect .form-control.selectInput {
	background: #fff url(../../masters/images/select_down_arrow.svg) 100% no-repeat;
	transition: 0.4s;
}
.customSelect.open .form-control.selectInput {
	background: #fff url(../../masters/images/select_up_arrow.svg) 100% no-repeat;
	transition: 0.4s;
}
.customSelect .customSelectOption p {
	margin: 0;
	color: var(--fColor);
	padding: 8px 10px;
	cursor: pointer;
}
.customSelect .customSelectOption p:first-child {
	border-radius: 8px 8px 0 0;
}
.customSelect .customSelectOption p:last-child {
	border-radius: 0 0 8px 8px;
}
.customSelect .customSelectOption p.selected, .customSelect .customSelectOption p:hover {
	background-color: #FDEFF2;
}
.customSelect .customSelectOption {
	width: 100%;
	height: auto;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 2px 3px 16px #00000014;
	border-radius: 8px;
	position: absolute;
	top: 65px;
	opacity: 0;
	transition: 0.4s;
	z-index: -1;
}
.customSelect .customSelectOptionNew {
	width: 100%;
	height: auto;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 2px 3px 16px #00000014;
	border-radius: 8px;
	transition: 0.4s;
	padding: 10px;
	position: absolute;
	z-index: 1052;
}
.customSelect.open .customSelectOption {
	opacity: 1;
	transition: 0.4s;
	z-index: 1052;
}
.customSelect .addCustomOptionBtn {
	color: var(--primary);
	padding: 10px;
}
.customSelect .addCustomOptionBtn:after {
	content: "";
	border-bottom: 1px solid #E5E5E5;
	position: absolute;
	width: 90%;
	margin: auto 10px;
	bottom: 0;
	left: 0;
	right: 0;
}
.auto_complete_close {
	position: absolute;
	right: 2%;
	top: 50%;
	/*background: var(--whiteColor);*/
	cursor: pointer;
}
.main_wrapper.survey_users .menu-bar, .main_wrapper.survey_users .headerSec .dropdown-toggle::after, .main_wrapper.survey_users .headerSec .user_title, .main_wrapper .logoImg, .main_wrapper.survey_users .breadcrumb  {
	display: none !important;
}
.main_wrapper.survey_users .logoImg {
	display: block !important;
}
.main_wrapper.survey_users .headerSec .dropdown-toggle {
	pointer-events: none;
}
.main_wrapper.survey_users .right-col {
	margin-left: 0;
	width: 100%;
}
/* Custom Select */
.alert ul {
	list-style-type: none;
}
.manageRole-dialog {
	max-width: 350px;
}
.manage_roles_lists {
	background: #F4FCFF 0% 0% no-repeat padding-box;
	border-radius: 8px;
	padding: 10px;
}
.manage_roles_lists p {
	font: normal normal bold 12px/15px Lato;
	color: #171D1A;
	margin: 0 0 5px 0;
}
.manage_roles_lists label {
	font: normal normal normal 12px/15px Lato;
	color: #6F7070;
	border: 1px solid #135E7E;
	border-radius: 13px;
	padding: 5px 10px;
	margin: 0 5px 5px 0;
}
.manage_roles_lists span {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #BA0C2F;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	font: normal normal bold 10px/12px Lato;
	color: #BA0C2F;
	display: inline-block;
	text-align: center;
	padding: 5px 0px;
}
.role_assigned_user {
	position: absolute;
	left: -15px;
}
.role_assigned_user:hover path {
	fill: var(--primary);
}
.role_assigned_user_list {
	position: absolute;
	background-color: var(--whiteColor);
	top: 0;
	left: 15px;
	border-radius: 10px;
	box-shadow: 0px 0px 26px #0000000F;
	padding: 5px;
	min-width: 250px;
	opacity: 0;
	transition: 0.4s;
	z-index: 1;
}
.role_assigned_user_list:before {
	content: '';
	border-right: 8px solid var(--whiteColor);
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	position: ABSOLUTE;
	left: -8px;
	top: 18px;
}
.role_assigned_user_list td, .role_assigned_user_list th {
	padding: 6px 8px;
	background-color: var(--whiteColor);
}
.custom_table>tbody>tr:hover .role_assigned_user_list td:first-child:before {
	border: none;
}
.role_assigned_user_list th {
	border-bottom: 1px solid #F5F5F5;
	font: normal normal normal 10px/12px Lato;
	color: #C1C1C1;
}
.role_assigned_user_list td {
	font: normal normal normal 12px/15px Lato;
	color: #171D1A;
	padding: 6px;
}
.role_assigned_user_list td span, .user_type_name {
	background: #E8DDFA 0% 0% no-repeat padding-box;
	border-radius: 10px;
	color: #6C44AA;
	padding: 4px 8px;
	font: normal normal normal 9px/12px Lato;
}
.user_type_name {
	position: absolute;
	right: 5px;
}
.rolelist-table {
	max-height: 270px;
	overflow: auto;
}
.roleTable th {
	position: sticky;
	top: 0;
	z-index: 1;
	background: #EDEDED 0% 0% no-repeat padding-box;
}
.floatBtn {
	position: absolute;
	bottom: 30px;
	right: 15px;
}
.modal-manage_weightage {
	max-width: 570px;
}
.toggleSubTableBtn img {
	transform: rotate(-90deg);
	transition: 0.4s;
}
.toggleSubTableBtn.open img {
	transform: rotate(0deg);
	transition: 0.4s;
}
tr.sub_table_tr {
	background: #EDEDED 0% 0% no-repeat padding-box;
}
tr.sub_table_tr > td {
	padding: 0 !important;
	border: none;
}
tr.sub_table_tr table {
	margin: 15px;
}
tr.sub_table_tr table thead {
	background-color: #f7f7f7;
}
.workChallengeTab li {
	border: 1px solid #EAEAEA;
	list-style: none;
}
.workChallengeTab li:first-child, .workChallengeTab li:first-child a {
	border-radius: 14px 0px 0px 0px;
}
.workChallengeTab li:last-child, .workChallengeTab li:last-child a {
	border-radius: 0px 14px 0px 0px;
}
.workChallengeTab li a {
	font: normal normal bold 14px/17px Lato;
	color: #171D1A;
	background: #F8F8F8 0% 0% no-repeat padding-box;
	padding: 10px 20px;
	display: block;
}
.workChallengeTab li a.active {
	background: #BA0C2F 0% 0% no-repeat padding-box;
	color: var(--whiteColor);
}
.masterMenuList li.pe-none a {
	color: #6F7070;
}
#workjtbd-tab {
	overflow: auto;
	height: 191px;
}
.workjtbd-table th {
	position: sticky;
	top: 0;
	z-index: 1;
	background: #EDEDED 0% 0% no-repeat padding-box;
}
.workjtbd-table .dimenScore {
	position: sticky;
	bottom: 0;
	z-index: 1;
	background: #EDEDED 0% 0% no-repeat padding-box;
}
.modal-rubric_guide {
	width: 870px;
	max-width: inherit;
}
.modal-rubric_guide .custom_table>tbody>tr:hover td:first-child:before, tr.noBorder:hover td:first-child:before {
	border-left: none !important;
}
.modal-rubric_guide .custom_table td, .modal-rubric_guide .custom_table th {
	padding: 10px 8px;
	border-color: #D1D2D1;
}
.modal-rubric_guide table th {
	font: normal normal bold 14px/19px Lato;
}
.modal-rubric_guide table td {
	font: normal normal normal 14px/17px Lato;
}
.rubric_guide-text_rotate {
	transform: rotate(-90deg);
	padding: 0 !important;
}
.surveyQuesHead {
	font: normal normal bold 18px/20px Lato;
	color: #171D1A;
	margin: 5px 0 20px 0;
}
.surveyQuesHead span {
	font: normal normal normal 14px/17px Lato;
	color: #6b6b6b;
}
.questionPointList li {
	list-style: none;
	font: normal normal normal 16px/19px Lato;
	color: #171D1A;
	position: absolute;
	left: 5px;
}
.questionList li {
	list-style: none;
	font: normal normal normal 16px/19px Lato;
	color: #333333;
}
.questionPointList li:first-child {
	top: -4px;
}
.questionPointList li:nth-child(2) {
	top: 26px;
}
.questionPointList li:nth-child(3) {
	top: 56px;
}
.questionPointList li:nth-child(4) {
	top: 85px;
}
.questionPointList li:last-child {
	top: 114px;
}
.questionRow {
	margin-bottom: 30px;
	align-items: end;
}
.questionRow:after {
	content: "";
	border-bottom: 1px solid #F1F1F1;
	width: 90%;
	margin: 0 auto;
	position: absolute;
	bottom: -23px;
	left: 0;
	right: 0;
}
.questionRow:last-child::after {
	content: "";
	border-bottom: none;
}
.questionRow .form-label {
	font: normal normal normal 14px/17px Lato;
	color: #919191;
}
.questionRow textarea {
	min-height: 60px;
}
.modal-rubric_guide .custom_table>tbody>tr:not(.empty):not(.sub_table_tr):hover>* {
	background: transparent;
}
.modal-rubric_guide .custom_table {
	border: 1px solid #D1D2D1;
	box-shadow: 1px 1px 16px #00000014;
}
/* roleSlider */
.roleSlider.ui-widget.ui-widget-content {
	background: transparent linear-gradient(0deg, #9AC439 0%, #8CC63E 0%, #FCB014 22%, #FDB813 60%, #E41A2C 64%, #E72D29 80%, #CCC 84%, #CCC 100%) 0% 0% no-repeat padding-box;
	border-radius: 8px;
	border: none;
	width: 3px;
	height: 120px;
	margin: auto;
}
.rangeWorkSlider:after {
	content: "";
	background: #8CC63E;
	width: 3px;
	height: 10px;
	position: absolute;
	bottom: -9px;
}
/* .rangeWorkSlider:before {
	content: "";
	background: #8CC63E;
	width: 3px;
	height: 10px;
	position: absolute;
	top: 0;
} */
.roleSlider.ui-slider-vertical .ui-slider-handle {
	border-radius: 50%;
	width: 10px;
	height: 10px;
	left: -3px;
	/* margin-bottom: 0; */
	background: #fff;
	box-shadow: 0px 0px 2px 3px #9f9f9f78;
	cursor: pointer;
}
.roleSlider.ui-slider-vertical .ui-slider-handle:focus-visible {
	outline: none;
}
.roleSlider.ui-slider-vertical .ui-slider-handle.greyBg {
	background: #CCC;
	box-shadow: 0px 0px 0px 5px #f2f2f2;
	border: 1px solid #f2f2f2;
}
.roleSlider.ui-slider-vertical .ui-slider-handle.redBg {
	background: #E41A2C;
	box-shadow: 0px 0px 0px 5px #FFDEE5;
	border: 1px solid #FFDEE5;
}
.roleSlider.ui-slider-vertical .ui-slider-handle.orangeBg {
	background: #FDB813;
	box-shadow: 0px 0px 0px 5px #FFF2D5 ;
	border: 1px solid #FFF2D5;
}
.roleSlider.ui-slider-vertical .ui-slider-handle.greenBg {
	background: #8CC63E;
	box-shadow: 0px 0px 0px 5px #EEFFD8;
	border: 1px solid #EEFFD8;
}
/* roleSlider */
.profileCardWrapper>div:nth-child(odd), .fullProfileWrapper>div:nth-child(odd) {
	padding-right: 8px;
}
.profileCardWrapper>div:nth-child(even), .fullProfileWrapper>div:nth-child(even) {
	padding-left: 8px;
}
.profileStatus {
	background-color: var(--whiteColor);
	border: 1px solid #3754A0;
	color: #3754A0;
	padding: 3px 16px;
	border-radius: 8px;
	min-width: 108px;
	display: inline-block;
	text-align: center;
	font: normal normal normal 16px/19px Lato;
}
.profileStatus.retrive {
	border: 1px solid #3754A0;
	color: #3754A0;
}
.profileStatus.verify {
	border: 1px solid #C99216;
	color: #C99216;
}
.profileStatus.verified {
	border: 1px solid #00CB59;
	color: #00CB59;
}
.profileStatus.retrive:hover, .profileStatus:hover {
	background-color: #c5d5ff3d;
}
a.profileStatus.verify:hover {
	background-color: #ffe4a729;
}
a.profileStatus.verified:hover {
	background-color: #c8ffe03b;
}
.profileCard {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #F1F1F1;
	border-radius: 8px;
	padding: 15px 20px;
	margin: 0 0 15px 0;
	cursor: pointer;
	transition: 0.4s;
}
.fullProfileWrapper .profileCard {
	cursor: default;
}
.profileCard.active {
	box-shadow: 2px 1px 16px #00000029;
	transition: 0.4s;
}
.profileCard.setHeight {
	min-height: 258px;
}
.fullProfileWrapper .profileCard.setHeight {
	min-height: 228px;
}
.profileCardSelected {
	transition: 0.4s;
	opacity: 0;
	position: absolute;
	left: -12px;
	top: -10px;
}
.profileCardWrapper .btnSection {
	bottom: -70px;
	transition: 0.4s;
}
.profileCardWrapper.active .btnSection {
	bottom: 0px;
	transition: 0.4s;
}
.profileCardWrapper.active .profileCard {
	opacity: 0.5;
}
.profileCardWrapper.active .profileCard.active {
	opacity: 1;
}
.profileCard.active .profileCardSelected {
	transition: 0.4s;
	opacity: 1;
}
.expertiseSec p {
	font: normal normal bold 15px/18px Lato;
	color: #171D1A;
	margin: 0 0 8px 0;
}
.profileCardWrapper .expertiseSec ul {
	max-height: 80px;
	overflow: auto;
}
.expertiseSec ul li {
	font: normal normal normal 14px/17px Lato;
	background: #F0F4FF 0% 0% no-repeat padding-box;
	border-radius: 4px;
	color: #727272;
	list-style: none;
	display: inline-block;
	padding: 4px 8px;
	margin: 0 6px 8px 0;
}
.profileDetails h5 {
	font: normal normal bold 16px/19px Lato;
	color: #333333;
	margin: 0 0 8px 0;
}
.fullProfileWrapper .profileDetails h5 {
	font: normal normal bold 24px/29px Lato;
}
.profileFinderPic {
	width: 70px;
	height: 70px;
}
.fullProfileWrapper .profileFinderPic {
	width: 170px;
	height: 170px;
}
.profileDetails h6 {
	font: normal normal normal 14px/17px Lato;
	color: #135E7E;
	margin: 0 0 8px 0;
}
.fullProfileWrapper .profileDetails h6 {
	font: normal normal normal 20px/24px Lato;
}
.profileDetails p {
	font: normal normal normal 12px/15px Lato;
	color: #727272;
	margin: 0 0 8px 0;
}
.fullProfileWrapper .profileDetails p {
	font: normal normal normal 16px/19px Lato;
}
.profileDetails .textellipsis {
	width: 110px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.profileDetails .textellipsis.rightText {
	width: 180px;
	margin: 0 0 15px 0;
}
.profileDetails.position-relative::after {
	content: "";
	border-right: 1px dashed #E5E5E5;
	position: absolute;
	right: -10px;
	height: 100%;
	top: 0;
}
.resumeState p {
	font: normal normal bold 12px/15px Lato;
	margin: 0;
	color: #FF752C;
	padding: 5px 10px;
	position: absolute;
	right: 0;
	top: 0;
}
.verifyState  {
	width: 100%;
	background: #fff;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 99;
	text-align: right;
	border-radius: 0px 0px 7px 7px;
	box-shadow: 1px -3px 13px #0000000F;
	height: 36px;
}
.verifyState p {
	font: normal normal bold 16px/19px Lato;
	margin: 3px 0 0 auto;
	color: #8CC63E;
	background: #F8FFED 0% 0% no-repeat padding-box;
	border-radius: 0px 0px 7px 0;
	padding: 3px;
	text-align: center;
	width: 105px;
	height: 30px;
	border-radius: 7px;
	/* position: absolute;
    right: 0;
    bottom: 0;
    z-index: 99; */
}
.retriveSec .btn_secondary_red {
	padding: 8px 28px;
}
.retriveSec .closeIcon {
	position: absolute;
	right: 6px;
	bottom: 6px;
}
/* .retriveSec input.form-control {
	padding-right: 80px;
} */
.retriveSec.activeData input.form-control {
	padding-right: 30px;
}
.retriveSec .btn_secondary_red, .retriveSec.activeData .closeIcon {
	opacity: 1;
	transition: 0.4s;
}
.retriveSec.activeData .btn_secondary_red, .retriveSec .closeIcon {
	opacity: 0;
	transition: 0.4s;
}
.fullProfileWrapper .profileCard {
	box-shadow: 0px 1px 46px #00000014;
	padding: 20px;
}
.fullProfileWrapper .profileDetails .textellipsis {
	margin: 0 auto 8px auto;
	width: 210px;
}
.fullProfileWrapper .profileDetails .textellipsis.rightText {
	width: 320px;
	margin: 0 0 20px 0;
}
.fullProfileWrapper .profileDetails.position-relative::after {
	border-right: 1px solid #E5E5E5;
	right: 0px;
}
.fullProfileWrapper .profileCard h3 {
	font: normal normal bold 16px/19px Lato;
	color: #171D1A;
	text-transform: capitalize;
	margin: 0 0 16px 0;
}
.fullProfileWrapper .profileCard h4 {
	font: normal normal bold 16px/19px Lato;
	color: #135E7E;
	margin: 0 0 16px 0;
}
.fullProfileWrapper .profileCard h5.textellipsis {
	font: normal normal bold 24px/29px Lato;
	color: #171D1A;
	margin: 0 0 15px 0;
	display: flex;
	align-items: center;
}
.fullProfileWrapper .profileCard h5 {
	font: normal normal bold 15px/18px Lato;
	color: #171D1A;
	margin: 0 0 15px 0;
	display: flex;
	align-items: center;
}
.fullProfileWrapper .profileCard h5 span {
	font-weight: 500;
}
.fullProfileWrapper .profileCard h6 {
	font: normal normal normal 20px/24px Lato;
	color: #135E7E;
	margin: 0 0 15px 0;
}
/* .awardSec {
	min-height: 224px;
}
.awardSec ul {
	max-height: 148px;
    overflow: auto;
} */
.awardSec ul li {
	list-style: none;
	font: normal normal normal 14px/17px Lato;
	color: #727272;
	margin: 0 0 16px 0;
}
.experienceDiv, .eduDiv {
	border-bottom: 1px solid #E5E5E5;
	padding: 20px 0;
}
.experienceDiv:last-child, .eduDiv:last-child {
	border: none;
	padding-bottom: 0;
}
.description {
	font: normal normal normal 14px/17px Lato;
	color: #171D1A;
	margin: 0;
}
.extraInfo span {
	font: normal normal normal 12px/15px Lato;
	color: #727272;
}
.generalList {
	padding-left: 20px;
}
.generalList li {
	font: normal normal normal 14px/17px Lato;
	color: #171D1A;
	margin: 0 0 16px 0;
}
.generalList li::marker {
	color: #ACACAC;
}
.referenceSec {
	margin: 0 0 0 16px;
}
.referenceSec span {
	font: normal normal normal 14px/17px Lato;
	color: #727272;
}
.industryList li {
	list-style: none;
	padding: 6px 12px;
	font: normal normal normal 12px/15px Lato;
	color: #171D1A;
	display: inline-block;
	border-radius: 8px;
	margin: 0 6px 4px 0;

}
.industryList li:nth-child(odd) {
	background-color: #EFFBFF;
}
.industryList li:nth-child(even) {
	background-color: #FAF0EA;
}
.certiList li {
	list-style: none;
	font: normal normal normal 14px/17px Lato;
	color: #727272;
	margin: 0 0 12px 0;
	display: flex;
	align-items: center;
}
.langDiv {
	border-right: 1px solid #E5E5E5;
	padding: 0 50px 0 30px;
}
.langDiv:first-child {
	padding-left: 0;
}
.langDiv:last-child {
	border: none;
}
.langDiv .langName {
	font: normal normal normal 14px/17px Lato;
	color: #171D1A;
	margin: 0 0px 8px 0;
}
.langDiv .langFluency {
	font: normal normal normal 12px/15px Lato;
	color: #727272;
	margin: 0;
}
.noDataResume p {
	font: normal normal bold 14px/17px Lato;
	color: #6F7070;
	text-transform: capitalize;
}
#resume-tab .upload-area h3 {
	font: normal normal normal 20px/24px Lato;
	margin: 0 0 16px 0;
}
#resume-tab .upload-area p {
	font: normal normal normal 12px/15px Lato;
	color: #6F7070;
}
#resume-tab .resume_details_wrapper {
	margin-bottom: 60px;
	position: relative;
}
#resume-tab .resume_details_wrapper:after {
	content: '';
	border-bottom: 1px solid #E5E5E5;
	position: absolute;
	width: 90%;
	margin: auto;
	bottom: -35px;
	left: 0;
	right: 0;
}
#resume-tab .file_list_details {
	background: #F0F0F0 0% 0% no-repeat padding-box;
	border-radius: 8px;
}
#resume-tab .file_list_details .fileName {
	font: normal normal normal 14px/17px Lato;
	color: #171D1A;
}
#resume-tab .file_list_details .fileSize {
	font: normal normal normal 12px/15px Lato;
	color: #6F7070;
}
#resume-tab .file_list_details .percentageVal {
	font: normal normal normal 12px/15px Lato;
	color: #6F7070;
	top: -20px;
}
#resume-tab .file_list_details .close-file {
	position: absolute;
	right: 10px;
	top: 10px;
}
.hcbs_indicator {
	width: 30px;
	height: 20px;
	background: #727272 0% 0% no-repeat padding-box;
	display: inline-block;
	border-radius: 7px;
}
.list-search .hcbs_indicator {
	margin: 3px 10px 0 0;
}
.hcbs_indicator.notrated, .jtbdScore.notrated span:last-child  {
	background: #727272 0% 0% no-repeat padding-box;
}
.hcbs_indicator.low, .jtbdScore.low span:last-child  {
	background: #8CC63E 0% 0% no-repeat padding-box;
}
.hcbs_indicator.medium, .jtbdScore.medium span:last-child {
	background: #FDB813 0% 0% no-repeat padding-box;
}
.hcbs_indicator.high, .jtbdScore.high span:last-child {
	background: #E41A2C 0% 0% no-repeat padding-box;
}
.hcbs_indicator.extreme, .jtbdScore.extreme span:last-child {
	background: #AB8BC0 0% 0% no-repeat padding-box;
}
.table.hcbs-table>:not(caption)>*>* {
	padding: 10px;
}
.hcbs-table tr th:nth-child(11), .hcbs-table tr th:nth-child(12), .hcbs-table tr th:nth-child(13), .hcbs-table tr th:nth-child(14), .hcbs-table.flipped tr th:nth-child(7), .hcbs-table.flipped tr th:nth-child(8), .hcbs-table.flipped tr th:nth-child(9), .hcbs-table.flipped tr th:nth-child(10), .hcbs-table tr td:nth-child(11), .hcbs-table tr td:nth-child(12), .hcbs-table tr td:nth-child(13), .hcbs-table tr td:nth-child(14), .hcbs-table.flipped tr td:nth-child(7), .hcbs-table.flipped tr td:nth-child(8), .hcbs-table.flipped tr td:nth-child(9), .hcbs-table.flipped tr td:nth-child(10) {
	display: none;
}
.hcbs-table.flipped tr th:nth-child(11), .hcbs-table.flipped tr th:nth-child(12), .hcbs-table.flipped tr th:nth-child(13), .hcbs-table.flipped tr th:nth-child(14), .hcbs-table tr th:nth-child(7), .hcbs-table tr th:nth-child(8), .hcbs-table tr th:nth-child(9), .hcbs-table.flipped tr td:nth-child(11), .hcbs-table.flipped tr td:nth-child(12), .hcbs-table.flipped tr td:nth-child(13), .hcbs-table.flipped tr td:nth-child(14), .hcbs-table tr td:nth-child(7), .hcbs-table tr td:nth-child(8), .hcbs-table tr td:nth-child(9) {
	display: table-cell;
}
.hcbs-table .flipTd {
	position: relative;
	background: #E3E3E33B 0% 0% no-repeat padding-box;
}
.hcbs-table .flipImg {
	cursor: pointer;
}
.hcbs-table .progress {
	width: 52px;
	height: 52px;
	line-height: 150px;
	background: none;
	margin: 0px auto;
	box-shadow: none;
	position: relative;
}
.hcbs-table .progress:after {
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 4px solid #f1f1f1;
	position: absolute;
	top: 0;
	left: 0;
}
.hcbs-table .progress>span {
	width: 50%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: 1;
}
.hcbs-table .progress .progress-left {
	left: 0;
}
.hcbs-table .progress .progress-bar {
	width: 100%;
	height: 100%;
	background: none;
	border-width: 4px;
	border-style: solid;
	position: absolute;
	top: 0;
}
.hcbs-table .progress .progress-left .progress-bar {
	left: 100%;
	border-top-right-radius: 80px;
	border-bottom-right-radius: 80px;
	border-left: 0;
	-webkit-transform-origin: center left;
	transform-origin: center left;
}
.hcbs-table .progress .progress-right {
	right: 0;
}
.hcbs-table .progress .progress-right .progress-bar {
	left: -100%;
	border-top-left-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right: 0;
	-webkit-transform-origin: center right;
	transform-origin: center right;
}
.hcbs-table .progress .progress-value {
	width: 90%;
	height: 90%;
	border-radius: 50%;
	background: transparent;
	font: normal normal bold 20px/24px Lato;
	color: var(--fColor);
	line-height: 46px;
	text-align: center;
	position: absolute;
	top: 5%;
	left: 5%;
}
.hcbs-table .progress.notrated .progress-bar {
	border-color: #727272;
}
.hcbs-table .progress.low .progress-bar {
	border-color: #8CC63E;
}
.hcbs-table .progress.medium .progress-bar {
	border-color: #FDB813;
}
.hcbs-table .progress.high .progress-bar {
	border-color: #E41A2C;
}
.hcbs-table .progress.extreme .progress-bar {
	border-color: #AB8BC0;
}
.hcbs_indicator_label {
	font: normal normal normal 16px/19px Lato;
}
.risk-percentage-border {
	border: 1px solid #E5E5E5;
	border-radius: 8px;
	padding: 12px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	max-width: 840px;
}
.risk-percentage-border .col-3 {
	padding: 0 20px;
	border-right: 1px solid #E5E5E5;
}
.risk-percentage-border .col-3 .risk-percentage-color::after {
	content: "-";
	color: #D1D2D1;
	position: absolute;
	height: 100%;
	right: -80px;

}
.risk-percentage-border .col-3:first-child .risk-percentage-color {
	margin: 0 0 0 20px;
}
.risk-percentage-border .col-3:first-child .risk-percentage-color::after {
	right: -60px;
}
.risk-percentage-border .col-3:last-child {
	border: none;
}
.background-grey {
	background-color: #727272;
}
.background-red {
	background-color: #E41A2C;
}
.background-green {
	background-color:#8CC63E;
}
.background-amber {
	background-color:#FDB813;
}
.background-purple {
	background-color:#AB8BC0;
}
.fp-grey {
	color: #727272;
}
.fp-red {
	color: #E41A2C;
}
.fp-green {
	color:#8CC63E;
}
.fp-amber {
	color:#FDB813;
}
.fp-purple {
	color:#AB8BC0;
}
.risk-percentage-color {
	width:20px;
	height:20px;
	border-radius:4px;
	padding-right:20px;
	margin: 0 0 0 10px;
	position: relative;
}
.risk-percentage-border .form-select {
	border:none!important;
	margin-bottom:0;
	font: 14px/17px Lato;
	background-image: url('../../masters/images/select_down_arrow.svg');
	background-position: 100% 50%;
	background-size: 30px 25px;
	background-color: transparent;
	padding: 0 20px 0 10px;
	height: 20px;
	margin: 0 0 0 8px;
}
.rating_dot {
	width: 9px;
	height: 9px;
	display: inline-block;
	border-radius: 50%;
}
.click_score_card {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 12px #00000017;
	border-radius: 8px;
	margin: 0 0 20px 0;
	position: relative;
}
.ratingLegendBtn {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 1;
}
.ratingLegendBtn.clickscore_card {
	top: 0px;
}
.legend_rating_modal ul li {
	list-style: none;
}
.legend_rating_modal ul li p {
	font: normal normal normal 16px/19px Lato;
}
.legend_rating_modal ul li p span {
	font-weight: bold;
}
.legend_rating_indicator {
	min-width: 26px;
	min-height: 26px;
	width: 26px;
	height: 26px;
	display: inline-block;
	border-radius: 4px;
	/* background: #727272 0% 0% no-repeat padding-box; */
}
.topTooltip {
	padding: 8px 12px;
	border-radius: 8px 8px 0px 0px;
	font: normal normal normal 10px/12px Lato;
	background-color: #9D9D9D;
}
.bottomTooltip {
	background-color: #646464;
	padding: 8px 12px;
	border-radius:  0px 0px 8px 8px;
	font: normal normal normal 10px/12px Lato;
}
.tooltipMarker span {
	width: 2px !important;
	height: 10px !important;
	border-radius: 0% !important;
	margin-right: 10px !important;
}
.leftCard .accordion-item .accordion-button.incentives_click::after {
	background-image: none;
}
.groupHeadSelect {
	background: #F0F0F0 0% 0% no-repeat padding-box;
	border-radius: 4px;
	padding: 0px 8px;
	line-height: 22px;
	margin-bottom: 3px;
}
.select2-container--default .select2-results__group {
	cursor: pointer;
	background: url('../../masters/images/select_down_arrow.svg') 100% no-repeat;
}
.select2-container--default .select2-results__group.close {
	background: url('../../masters/images/select_up_arrow.svg') 100% no-repeat;
}
.click_score_card g.hover_point {
	cursor: pointer;
}
.click_score_card g.hover_point path.dark_section {
	transition: 0.4s;
}
.click_score_card g.hover_point.active path.dark_section, .click_score_card g.hover_point:hover path.dark_section {
	opacity: 1;
	transition: 0.4s;
}

.clickscore-data g.hover_point {
	cursor: pointer;
}
.clickscore-data g.hover_point path.dark_section {
	transition: 0.4s;
}
.clickscore-data g.hover_point.active path.dark_section, .clickscore-data g.hover_point:hover path.dark_section {
	opacity: 1;
	transition: 0.4s;
}
#_68.twoDigit {
	transform: translate(628.593px, 812.328px);
}
#_68.threeDigit {
	transform: translate(612.593px, 812.328px);
}
.surveyDateDiv {
	position: absolute;
	left: 0;
	margin: 5px 0px 0 10px;
}
.graphToggle {
	position: absolute;
	right: 0;
	margin: 0px 10px 0 0px;
	background: var(--whiteColor);
	box-shadow: 0px 0px 4px #0000001A;
	border-radius: 16px;
	min-width: 31px;
	height: 31px;
	cursor: pointer;
}
.graphToggle i {
	color: var(--primary);
	transform: rotate(0deg);
	transition: 0.4s;
}
.graphToggle.active i {
	transition: 0.4s;
	transform: rotate(180deg);
}
.graphToggle span {
	position: absolute;
	left: -50px;
	opacity: 0;
}
.graphToggle:hover span {
	position: relative;
	left: 0px;
	opacity: 1;
	transition: 0.4s;
	margin-left: 8px;
}
.clickScoresurveyDate  {
	background: #F5F8FF 0% 0% no-repeat padding-box;
	border-radius: 4px;
	font: normal normal bold 14px/17px Lato;
	padding: 6px 12px;
	color: #4864AC;
	display: inline-block;
}
.rightCard .talentScoreAcc .accordion-header label {
	line-height: 18px;
}
.rightCard .talentScoreAcc .accordion-body {
	padding: 10px;
}
.click_score_card.noShadow {
	box-shadow: none;
}
.click_score_graph:after {
	/* content: "";
    border-right: 1px solid #F0F0F0;
    position: absolute;
    right: -15px;
    height: 100%;
    margin: auto;
    top: 0; */
}
.techscore_table .progressVal {
	font: normal normal normal 16px/19px Lato;
	color: #464B49;
}
.techscore_table .progress {
	height: 7px;
	border-radius: 0px 99px 99px 0px;
}
.experienceCardHead {
	background: #EDEDED;
	padding: 10px 15px;
	border-radius: 8px;
	margin: 0 0 6px 0;
}
.experienceCardHead p {
	font: normal normal bold 16px/19px Lato;
	margin: 0;
}
.experienceCardBody {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 15px #0000000F;
	border-radius: 8px;
	padding: 15px;
	height: 100%;
}
.experienceCardWrapper > * {
	padding: 0 2px;
}
.experienceCardBody .scoreVal {
	font: normal normal normal 25px/30px Lato;
	color: #171D1A;
}
.click_score_jtbd .backFirstPage {
	display: none;
}
.evidenceDone {
	z-index: 102;
}
.pe-none .select2-container--default .select2-selection--single, .pe-none .select2-container--default .select2-selection--multiple {
	background: #f1f1f1;
}
.pe-none .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	display: none;
}
.pe-none .select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #d9d9d9 !important;
	padding: 4px 10px;
	color: var(--fColor) !important;
	border-radius: 14px;
	font: normal normal normal 14px/16px Lato;
	margin-bottom: 1px;
}
.jtbdDescGraph {
	border: 1px solid #f1f1f1;
	border-radius: 8px;
}
.jtbdDescGraph .col-12 {
	border-bottom: 1px solid #f1f1f1;
	padding: 16px;
}
.rightCard .surveyRightAccordion .accordion-item {
	border: none;
}
.generalText {
	font: normal normal bold 16px/19px Lato;
	letter-spacing: 0px;
	color: #171D1A;
}
.commentText {
	font: normal normal normal 16px/19px Lato;
	color: #909090;
	/* text-transform: capitalize; */
}
.commentText i {
	color: #D3D3D3;
}
.surveyRadio .radioBox {
	margin-right: 70px;
	position: relative;
}
.surveyRadio .radioBox:after {
	content: "";
	/* border-width: 1px;
	border-style: solid; */
	width: 72px;
	height: 2px;
	position: absolute;
	right: -70px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.surveyRadio .radioBox:first-child:after {
	background: linear-gradient(90deg, rgba(228,26,44,1) 0%, rgba(238,105,32,1) 50%);
}
.surveyRadio .radioBox:nth-child(2):after {
	background: linear-gradient(90deg, rgba(238,105,32,1) 0%, rgba(253,184,19,1) 50%);
}
.surveyRadio .radioBox:nth-child(3):after {
	background: linear-gradient(90deg, rgba(253,184,19,1) 0%, rgba(140,198,62,1) 50%);
}
.surveyRadio .radioBox:nth-child(4):after {
	background: linear-gradient(90deg, rgba(140,198,62,1) 0%, rgba(81, 137, 5,1) 50%);
}
.surveyRadio .radioBox:last-child:after {
	background: transparent;
}
.ratingLabel p.ratingLabelText {
	font: normal normal normal 14px/18px Lato;
	margin: 0;
	color: #707070;
	text-transform: capitalize;
	min-width: 50px;
	text-align: center;
}
.surveyRadio .radioBox.ratingLabel:after {
	background: transparent;
}
.surveyRadio .form-check [type="radio"]:checked+label:before, .surveyRadio .form-check [type="radio"]:not(:checked)+label:before {
	width: 25px;
	height: 25px;
}
.surveyRadio .radioBox.lastAns .form-check [type="radio"]:checked+label:before, .surveyRadio .radioBox.lastAns .form-check [type="radio"]:not(:checked)+label:before {
	box-shadow: 0px 0px 1px 5px #D3D3D3;
}
.surveyRadio .radioBox:first-child .form-check [type="radio"]:checked+label:before, .surveyRadio .radioBox:first-child  .form-check [type="radio"]:not(:checked)+label:before {
	border: 2px solid #E41A2C;
}
.surveyRadio .radioBox:nth-child(2) .form-check [type="radio"]:checked+label:before, .surveyRadio .radioBox:nth-child(2)  .form-check [type="radio"]:not(:checked)+label:before {
	border: 2px solid #EE6920;
}
.surveyRadio .radioBox:nth-child(3) .form-check [type="radio"]:checked+label:before, .surveyRadio .radioBox:nth-child(3)  .form-check [type="radio"]:not(:checked)+label:before {
	border: 2px solid #FDB813;
}
.surveyRadio .radioBox:nth-child(4) .form-check [type="radio"]:checked+label:before, .surveyRadio .radioBox:nth-child(4)  .form-check [type="radio"]:not(:checked)+label:before {
	border: 2px solid #8CC63E;
}
.surveyRadio .radioBox:last-child .form-check [type="radio"]:checked+label:before, .surveyRadio .radioBox:last-child  .form-check [type="radio"]:not(:checked)+label:before {
	border: 2px solid #518905;
}
.surveyRadio .form-check [type="radio"]:checked+label:after, .surveyRadio .form-check [type="radio"]:not(:checked)+label:after {
	width: 13px;
	height: 13px;
	top: 6px;
	left: 6px;
}
.surveyRadio .radioBox:first-child .form-check [type="radio"]:checked+label:after, .surveyRadio .radioBox:first-child  .form-check [type="radio"]:not(:checked)+label:after {
	background: #E41A2C;
}
.surveyRadio .radioBox:nth-child(2) .form-check [type="radio"]:checked+label:after, .surveyRadio .radioBox:nth-child(2)  .form-check [type="radio"]:not(:checked)+label:after {
	background: #EE6920;
}
.surveyRadio .radioBox:nth-child(3) .form-check [type="radio"]:checked+label:after, .surveyRadio .radioBox:nth-child(3)  .form-check [type="radio"]:not(:checked)+label:after {
	background: #FDB813;
}
.surveyRadio .radioBox:nth-child(4) .form-check [type="radio"]:checked+label:after, .surveyRadio .radioBox:nth-child(4)  .form-check [type="radio"]:not(:checked)+label:after {
	background: #8CC63E;
}
.surveyRadio .radioBox:last-child .form-check [type="radio"]:checked+label:after, .surveyRadio .radioBox:last-child  .form-check [type="radio"]:not(:checked)+label:after {
	background: #518905;
}
.surveyModuleTitle {
	/* border-top: 1px solid #E8E8E8; */
	border-bottom: 1px solid #E8E8E8;
	margin: 0px -12px 16px -16px;
}
.surveyCommentIcon {
	position: absolute;
	right: 5%;
	top: 8px;
	bottom: 0;
	margin: auto;
	height: 20px;
	pointer-events: none;
	opacity: 0.5;
}
.surveyCommentIcon.commentsActive {
	top: -20px;
}
.surveyCommentIcon.commentsActive::before {
	top: 15%;
}
.surveyRating.completed .surveyCommentIcon {
	pointer-events: inherit;
	opacity: 1;
}
.surveyCommentIcon::before {
	content: "";
	border-left: 1px solid #E8E8E8;
	position: absolute;
	left: -100%;
	top: -50%;
	height: 55px;
}
.surveyCommentIcon p {
	font: normal normal normal 14px/18px Lato;
	color: #171D1AB3;
	text-transform: capitalize;
	margin: 5px 0px 0 -25px;
}
.surveyRating  {
	border: 1px solid #E8E8E8;
	border-radius: 8px;
	margin: 0 0 20px 50px;
}
.surveyRating.completed  {
	border: 1px solid #00B6C2;
}
.ratingDesc p:not(.role_ques_desc) {
	background: rgb(0 182 195 / 6%);
	height: 0;
	opacity: 0;
	padding: 0 16px !important;
	transition: 0.4s;
	border-radius: 0 0 8px 8px ;
}
.ratingDesc p.role_ques_desc {
	background: #f1f1f1;
	border-radius: 8px 8px 0 0;
	padding: 16px;
}
.surveyRating.completed .ratingDesc p:not(.role_ques_desc) {
	height: auto;
	opacity: 1;
	padding: 16px !important;
	transition: 0.4s;
	font-weight: 400;
}
.ratingRoleDesc {
	background: #E8E8E8;
	border-radius: 8px 8px 0 0;
}
.surveyRating.completed .ratingRoleDesc {
	/* background: rgb(0 182 195 / 6%); */
}
.ratingDesc p, .ratingRoleDesc p {
	margin: 0;
	font: normal normal bold 16px/24px Lato;
	color: #171D1AB3;
	text-align: center;
}
.ratingRoleDesc p {
	/* text-shadow: 0 0 0 #000; */
}
.surveyRatingStatus h5 {
	font: normal normal normal 18px/22px Lato;
	color: #171D1A;
	text-transform: capitalize;
	margin: 0 0 0 0	;
}
/* .surveyRatingStatus:after {
	content: "";
    border-right: 1px solid #E8E8E8;
    height: 88%;
    position: absolute;
    left: 30px;
    top: 40px;
}
.surveyRatingStatus.completed:after {
    border-right: 1px solid #00B6C2;
} */
.surveyRatingStatus img.inactive, .surveyRatingStatus.completed img.active, .stageList img.inactive, .stageList.completed img.active, .leftCardDiv .accordion-item .accordion-header img.inactive, .leftCardDiv .accordion-item.completed .accordion-header img.active, .surveyCommentIcon.commentsActive .commentsData, .surveyCommentIcon .commentsNoData, .assign_user_btn.pe-none .greyImg, .assign_user_btn .redImg, .manage_weightage_info .greyImg, .manage_weightage_info.active .redImg  {
	opacity: 1;
	display: block;
}
.surveyRatingStatus img.active, .surveyRatingStatus.completed img.inactive, .stageList img.active, .stageList.completed img.inactive, .leftCardDiv .accordion-item .accordion-header img.active, .leftCardDiv .accordion-item.completed .accordion-header img.inactive, .surveyCommentIcon.commentsActive .commentsNoData, .surveyCommentIcon .commentsData, .assign_user_btn.pe-none .redImg, .assign_user_btn .greyImg,  .manage_weightage_info.active .greyImg, .manage_weightage_info .redImg {
	opacity: 0;
	display: none;
}
.surveyLeftAccordion.surveyAccordion .rolesurvey-stages .stageList {
	margin: 0;
	padding: 14px 20px;
}
.surveyAccordion.surveyLeftAccordion .rolesurvey-stages .stageList:after {
	border: none;
}
.surveyLeftAccordion.surveyAccordion .rolesurvey-stages .stageList.activeStage {
	background-color: #F8F8F8;
}
.surveyRatingWrapper {
	position: relative;
}
.surveyRatingWrapper:before {
	content: "";
	border-left: 1px solid #E8E8E8;
	position: absolute;
	height: 100%;
	left: 30px;
	top: 0px;
}
.surveyRatingWrapper.completed:before {
	border-left: 1px solid #00B6C2;
}
.surveyRatingRow:last-child .surveyRatingWrapper:before {
	border: none;
}
.survey_users {
	background: #F8F8F8 0% 0% no-repeat padding-box;
}
.survey_users .rolesurvey_main {
	background: #fff;
}
.survey_users .container-fluid {
	padding-right: 0 !important;
	margin-top: 65px;
}
.survey_users .right-col {
	background: transparent;
}
.survey_users .headerSec  {
	background: var(--whiteColor);
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 3;
	box-shadow: 2px 3px 15px rgb(0 0 0 / 8%);
}
.survey_users .guide_content_main {
	margin-top: 50px;
}
.survey_users .leftCard {
	background: var(--whiteColor);
	padding: 15px !important;
	border-radius: 8px;
}
.survey_users .rightCard .rightCardInner {
	background: var(--whiteColor);
	border-radius: 8px;
}
.ratingLabelWrapper {
	width: 515px;
}
.ratingLabelWrapper.talent_label {
	width: 565px;
}
.clickScoreBg {
	background: #FAFAFA 0% 0% no-repeat padding-box;
	border-radius: 8px;
}
.chart_sec {
	background-color: var(--whiteColor);
	border-radius: 8px;
}
.executive_edit_icon {
	font: normal normal normal 16px/19px Lato;
	color: #BA0C2F;
}
.executiveDesc {
	font: normal normal normal 16px/24px Lato;
	color: #171D1A;
	background: #F7F7F7 0% 0% no-repeat padding-box;
	border-radius: 8px;
	margin: 0 0 12px 0;
}
.jtbdProgress.progress {
	width: 75px;
	height: 75px;
	line-height: 150px;
	background: none;
	box-shadow: none;
	position: relative;
	margin: auto;
}
.jtbdProgress.progress:after {
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 8px solid #f1f1f1;
	position: absolute;
	top: 0;
	left: 0;
}
.jtbdProgress.progress>span {
	width: 50%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: 1;
}
.jtbdProgress.progress .progress-left {
	left: 0;
}
.jtbdProgress.progress .progress-bar {
	width: 100%;
	height: 100%;
	background: none;
	border-width: 8px;
	border-style: solid;
	position: absolute;
	top: 0;
}
.jtbdProgress.progress .progress-left .progress-bar {
	left: 100%;
	border-top-right-radius: 80px;
	border-bottom-right-radius: 80px;
	border-left: 0;
	-webkit-transform-origin: center left;
	transform-origin: center left;
}
.jtbdProgress.progress .progress-right {
	right: 0;
}
.jtbdProgress.progress .progress-right .progress-bar {
	left: -100%;
	border-top-left-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right: 0;
	-webkit-transform-origin: center right;
	transform-origin: center right;
}
.jtbdProgress.progress .progress-value {
	width: 90%;
	height: 90%;
	border-radius: 50%;
	background: transparent;
	font: normal normal normal 25px/30px Lato;
	color: var(--fColor);
	text-align: center;
	position: absolute;
	top: 26%;
	left: 5%;
}
.jtbdProgress.progress.notrated .progress-bar, /*.jtbdScoreDiv.expAccord.notrated, .jtbdScoreDiv.expAccord.notrated .accordion-body,*/ .clickScoreList .ScoreList li a.active.notrated {
	border-color: #727272;
}
.jtbdProgress.progress.low .progress-bar, /*.jtbdScoreDiv.expAccord.low, .jtbdScoreDiv.expAccord.low .accordion-body,*/ .clickScoreList .ScoreList li a.active.low {
	border-color: #8CC63E;
}
.jtbdProgress.progress.medium .progress-bar, /*.jtbdScoreDiv.expAccord.medium, .jtbdScoreDiv.expAccord.medium .accordion-body,*/ .clickScoreList .ScoreList li a.active.medium {
	border-color: #FDB813;
}
.jtbdProgress.progress.high .progress-bar, /*.jtbdScoreDiv.expAccord.high, .jtbdScoreDiv.expAccord.high .accordion-body,*/ .clickScoreList .ScoreList li a.active.high {
	border-color: #E41A2C;
}
.jtbdProgress.progress.extreme .progress-bar, /*.jtbdScoreDiv.expAccord.extreme, .jtbdScoreDiv.expAccord.extreme .accordion-body,*/ .clickScoreList .ScoreList li a.active.extreme {
	border-color: #AB8BC0;
}
.clickScoresubtext {
	font: normal normal normal 12px/18px Lato;
	color: #696969;
	margin: 0;
}
.page-wrapper.open .jtbdScore {
	/* width: 200px; */
}
.page-wrapper .jtbdScore {
	background: #f1f1f1;
	border-radius: 8px;
	margin: 0 auto 10px auto;
	/* width: 85%; */
}
.page-wrapper .jtbdScore:last-child {
	margin-bottom: 0;
}
.jtbdScore span:first-child {
	border-radius: 8px 0px 0px 8px;
	padding: 8px;
	font: normal normal normal 14px/18px Lato;
	color: #696969;
}
.jtbdScore span:last-child {
	background: #f1f1f1;
	padding: 8px;
	border-radius: 0px 8px 8px 0px;
	font: normal normal bold 16px/18px Lato;
	color: #FFFFFF;
	width: 45px;
	text-align: center;
}
.jtbdScore.notrated, .jtbdScoreDiv.expAccord.notrated span /*, .clickScoreList .ScoreList li a.active.notrated*/ {
	background: rgb(114 114 114 / 10%) 0% 0% no-repeat padding-box !important;
}
.jtbdScore.low, .jtbdScoreDiv.expAccord.low span /*, .clickScoreList .ScoreList li a.active.low*/ {
	background: rgb(140 198 62 / 10%) 0% 0% no-repeat padding-box !important;
}
.jtbdScore.medium, .jtbdScoreDiv.expAccord.medium span /*, .clickScoreList .ScoreList li a.active.medium*/ {
	background: rgb(253 184 19 / 10%) 0% 0% no-repeat padding-box !important;
}
.jtbdScore.high, .jtbdScoreDiv.expAccord.high span /*, .clickScoreList .ScoreList li a.active.high*/ {
	background: rgb(228 26 44 / 10%) 0% 0% no-repeat padding-box !important;
}
.jtbdScore.extreme, .jtbdScoreDiv.expAccord.extreme span /*, .clickScoreList .ScoreList li a.active.extreme*/ {
	background: rgb(171 139 192 / 10%) 0% 0% no-repeat padding-box !important;
}
.jtbdScoreDiv {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #E5E5E5;
	border-radius: 8px;
	padding: 20px 30px;
	margin-bottom: 16px;
	position: relative;
}
.jtbdScoreDiv:last-child {
	margin-bottom: 0;
}
.jtbdDetailDiv span.weightageSpan, .weightageSpanNew {
	font: normal normal bold 14px/17px Lato;
	color: #171D1A;
	background: #F1F1F1 0% 0% no-repeat padding-box;
	border-radius: 8px;
	padding: 6px;
	width: 55px;
	text-align: center;
}
.jtbdDetailDiv p.jtbdTitle {
	width: calc(100% - 50px);
	font: normal normal normal 14px/17px Lato !important;
}
.jtbdDetailDiv p.jtbdTitle, .jtbdDetailDiv .jtbdDesc {
	font: normal normal normal 14px/17px Lato;
	color: #171D1A;
	margin: 0;
}
.jtbdDetailDiv .jtbdDesc {
	background: #F8F8F8 0% 0% no-repeat padding-box;
	border-radius: 8px;
}
.jtbdScoreDiv.bordered::before {
	content: "";
	border-left: 1px solid #E5E5E5;
	height: 100%;
	position: absolute;
	top: 0;
	left: 39.5%;
}
.jtbdScoreDiv.rightCard {
	padding: 0px 5px;
	background: #F7F7F7 0% 0% no-repeat padding-box;
}
.jtbdScoreDiv.expAccord .accordion-button {
	width: auto;
	font: normal normal bold 18px/22px Lato;
	border-radius: 8px 0 0 8px;
	color: #464B49;
}
.jtbdScoreDiv.expAccord .accordion-button h5 {
	font: normal normal bold 18px/22px Lato;
	color: #464B49;
}
.jtbdScoreDiv.expAccord .accordion-button::after {
	margin-left: 10px;
}
.jtbdScoreDiv.expAccord .accordion-button.pe-none::after {
	display: none;
}
.jtbdScoreDiv.expAccord .accordion-header span {
	padding: 11px 15px 11px 15px;
	display: inline-block;
	font: normal normal bold 25px/30px Lato;
	background: #f8f8f8;
	border-radius: 0 8px 8px 0;
	min-width: 74px;
	text-align: center;
	margin: 2px;
}
.jtbdScoreDiv.expAccord .accordion-body {
	border-top: 1px solid #e8e8e8;
	border-radius: 0px 0px 8px 8px;
}
.jtbdScoreDiv.expAccord.notrated span, .clickScoreList .ScoreList li a.notrated span:not(.scoreBall) {
	color: #727272;
}
.jtbdScoreDiv.expAccord.low span, .clickScoreList .ScoreList li a.low span:not(.scoreBall) {
	color: #8CC63E;
}
.jtbdScoreDiv.expAccord.medium span, .clickScoreList .ScoreList li a.medium span:not(.scoreBall) {
	color: #FDB813;
}
.jtbdScoreDiv.expAccord.high span, .clickScoreList .ScoreList li a.high span:not(.scoreBall) {
	color: #E41A2C;
}
.jtbdScoreDiv.expAccord.extreme span, .clickScoreList .ScoreList li a.extreme span:not(.scoreBall) {
	color: #AB8BC0;
}
.clickScoreList .ScoreList li a.notrated.active span.scoreBall {
	box-shadow: 0 0 0px 1px #727272;
	background-color: #727272;
}
.clickScoreList .ScoreList li a.low.active span.scoreBall {
	box-shadow: 0 0 0px 1px #8CC63E;
	background-color: #8CC63E;
}
.clickScoreList .ScoreList li a.medium.active span.scoreBall {
	box-shadow: 0 0 0px 1px #FDB813;
	background-color: #FDB813;
}
.clickScoreList .ScoreList li a.high.active span.scoreBall {
	box-shadow: 0 0 0px 1px #E41A2C;
	background-color: #E41A2C;
}
.clickScoreList .ScoreList li a.extreme.active span.scoreBall {
	box-shadow: 0 0 0px 1px #AB8BC0;
	background-color: #AB8BC0;
}

/*LMS*/
.advanced_filters {
	border-radius:5px;
}
.advanced_filters label.custom_label {
	font-size:16px;
	text-shadow:0 0 black;
}
.advanced_filters .form-check {
	width:20%;
	float:left;
	margin:5px 0;
}
.advanced_filters .form-check .form-check-input[type=checkbox] {
	margin-top: 0;
	margin-right: 5px;
}
.advanced_filters .form-check label {
	font-size:14px;
	/*text-transform:uppercase;*/
	cursor:pointer;
}
.lmsReportBtn {
	border: 2px solid #BA0C2F;
	color: #BA0C2F;
	border-radius: 5px;
	width: 127px;
	opacity: 1;
	height: 40px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	font-size: 18px;
	font-weight: 600;
}
.lmsReportBtn:hover {
	text-decoration:none;
	color:#c10000;
}
/*LMS*/
.rolecard-details {
	padding: 10px 20px;
	background: #3463771A 0% 0% no-repeat padding-box;
	border-radius: 8px;
}
.rolecard-details .col-3 {
	border-left: 1px solid #E5E5E5;
}
.rolecard-details h6 span:first-child {
	font: normal normal normal 16px/19px Lato;
	color: #707070;
	text-transform: capitalize;
	margin: 0;
	min-width: 92px;
	display: inline-block;
}
.rolecard-details h6 span:first-child.valtxt {
	font: normal normal normal 14px/17px Lato;
}
.rolecard-details h6 span:last-child {
	font: normal normal bold 16px/19px Lato;
	color: #171D1A;
	text-transform: capitalize;
}
.rolecard-details h6 span:last-child i {
	font-style: normal;
	margin: 0 6px 0 0;
	font-weight: normal;
	color: #707070;
}
.rolecard-details h5 {
	font: normal normal bold 20px/24px Lato;
	color: #171D1A;
	margin: 0;
}
.clickScoreList {
	/* background: #FAFAFA 0% 0% no-repeat padding-box; */
	border-radius: 8px;
	/* padding: 20px;
    width: 90%; */
}
.clickScoreList .ScoreList li {
	list-style: none;
	margin: 0 ;
	width: 32%;
}
.clickScoreList .ScoreList li a {
	font: normal normal normal 16px/19px Lato;
	letter-spacing: 0px;
	color: #171D1A;
	border: 1px solid #E8E8E8;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	padding: 6px 5px;
	border-radius: 30px;
	/* height: 44px; */
}
.clickScoreList .ScoreList li a.active {
	font-weight: bold;
	/* border-left: 5px solid; */
}
.clickScoreList .ScoreList li a span:not(.scoreBall) {
	font: normal normal bold 20px/24px Lato;
	position: relative;
	min-width: 42px;
	text-align: center;
}
.clickScoreList .ScoreList li a span:not(.scoreBall):before {
	content: "";
	border-left: 1px solid #E8E8E8;
	height: 100%;
	position: absolute;
	left: 0px;
}
.intExtList {
	border: 1px solid #E8E8E8;
	border-radius: 8px;
	width: 280px;
	background: #E8E8E8;
}
.intExtList li {
	list-style: none;
	background: #e8e8e8;
}
.intExtList li a {
	font: normal normal bold 16px/24px Lato;
	color: #707070;
	border-radius: 8px;
	height: 30px;
	background: #E8E8E8;
}
.intExtList li a.active {
	color: #171D1A;
	font-weight: bold;
	/* border: 1px solid #B9B9B9; */
	background: #FFFFFF 0% 0% no-repeat padding-box;
}
.surveyTopHeader .intExtList li a.active {
	color: var(--primary);
	border: 1px solid var(--primary);
}
.lightSvg {
	opacity: 0.15;
}
.list-search .intExtList {
	background: #FAFAFA 0% 0% no-repeat padding-box;
}
.list-search .intExtList li a {
	height: 34px;
	transition: none;
}
.drilldown.breadcrumb a, .drilldown.breadcrumb .breadcrumb-item span {
	font: normal normal bold 16px/28px Lato;
}
.drilldown.breadcrumb .breadcrumb-item+.breadcrumb-item::before, .drilldown.breadcrumb  .breadcrumb-item+.breadcrumb-item::before {
	line-height: 30px;
}
.drilldown.breadcrumb .breadcrumb-item span.breadcrumb_score {
	border: 1px solid;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	display: inline-block;
	text-align: center;
	line-height: 30px;
	margin: 0 4px 0 0;
}
.drilldown.breadcrumb .breadcrumb-item.active a {
	color: var(--primary);
}
.drilldown.breadcrumb .breadcrumb-item+.breadcrumb-item::before, .drilldown.breadcrumb  .breadcrumb-item+.breadcrumb-item::before {
	line-height: 30px;
	font-weight: bolder;
}
.drilldown.breadcrumb .breadcrumb-item span.breadcrumb_score {
	border: 1px solid #171D1A;
	background-color: #171D1A;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	display: none;
	text-align: center;
	line-height: 30px;
	margin: 0 0 0 4px;
	font-size: 16px;
	color: var(--whiteColor);
}
.drilldown.breadcrumb .breadcrumb-item.active span.breadcrumb_score {
	border: 1px solid var(--primary);
	background-color: var(--primary);
	display: inline-block;
}
.subTextGraph {
	font: normal normal bold 16px/19px Lato;
	color: #8C8C8C;
}
.subBotTextGraph {
	font: normal normal normal 16px/19px Lato;
	color: #8C8C8C;
}
.surveyIntro, .surveyDash {
	background: #fff;
	padding: 20px;
	border-radius: 8px;
	margin: 10px 0;
}
.surveyIntro h5 {
	font: normal normal bold 24px/29px Lato;
	color: #171D1A;
	margin-bottom: 20px;
	text-transform: capitalize;
}
.surveyIntro p {
	font: normal normal normal 14px/24px Lato;
	color: #171D1A;
}
.surveyIntro p span {
	font-weight: bold;
}
.surveyIntro h6 {
	font: normal normal bold 18px/40px Lato;
	color: #171D1A;
	margin: 0;
}
.surveyIntro ul {
	padding: 0 0 0 25px;
	margin: 0;
}
.surveyIntro ul li {
	font: normal normal normal 16px/30px Lato;
	color: #171D1A;
}
.surveyIntro ul li::marker {
	color: #00B6C2;
	font-size: 24px;
	line-height: 0;
}
.surveyIntro a.btn {
	font: normal normal bold 18px/22px Lato;
	width: 180px;
	height: 40px;
}
.surveyIntro a.introLink {
	text-decoration: underline;
	font-weight: bold;
}
.survey_users.intro_page {
	background: url(../images/survey_intro.svg) #F7F7F7 0% 0% no-repeat padding-box;
	background-size: contain;
	background-position-y: 10px;

}
.surveyCover {
	background: #00B6C214 0% 0% no-repeat padding-box;
	border-radius: 8px;
	padding: 10px 25px;
	margin: 0 0 20px 0;
}
.stakeholder_name {
	display: flex;
	width: 24px;
	height: 24px;
	text-transform: capitalize;
	background: #9B9B9B 0% 0% no-repeat padding-box;
	text-align: center;
	border-radius: 50%;
	text-align: center;
	color: var(--whiteColor);
	align-items: center;
	justify-content: center;
	line-height: 24px;
}
.readMore {
	text-decoration: underline;
	font: normal normal bold 14px/17px Lato;
	color: #135E7E;
}
.roles-pe-none {
	background-color: #eee;
}
.assign_user_btn a {
	color: var(--primary);
}
.assign_user_btn.pe-none a {
	color: #9C9C9C;
}
.jtbdScoreDiv.defaultBorder {
	/* border: 1px solid #E5E5E5 !important; */
}
.ui-widget.ui-datepicker {
	z-index: 103 !important;
}
.scoreBall {
	width: 19px;
	height: 19px;
	border-radius: 50%;
	background-color: var(--whiteColor);
	box-shadow: 0 0 0px 1px #E8E8E8;
	display: inline-block;
	margin: 0 5px 0 0;
}
.bottom_section .rightCard:not(.expAccord) .surveyRightAccordion .accordion-item, .bottom_section  .rightCard .accordion-button  {
	background-color: transparent;
}
.bottom_section .rightCard .accordion-body, .bottom_section .accordion-body.tab-trigger:hover .copy_clipboard_icon{
	background-color: var(--whiteColor);
}
span.prevAns {
	position: absolute;
	font: normal normal normal 12px/15px Lato;
	color: #707070;
	top: -40px;
	width: 80px;
	left: -25px;
	text-align: center;
}
.arrAns {
	position: absolute;
	color: #707070;
	top: -24px;
	width: 80px;
	left: -28px;
	text-align: center;
}
.arrInfo {
	font: normal normal normal 14px/17px Lato;
	color: #909090;
	text-transform: capitalize;
}
.arrInfo::after {
	content: '';
	border-right: 1px solid #E3E3E3;
	position: absolute;
	right: -10px;
	width: 100%;
	height: 100%;
	top: 0;
}
.versionInfoBtn {
	position: relative;
}
.versionInfoBtn span {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #B2B2B2;
	border-radius: 0px 13px 13px 0px;
	padding: 2px 32px 2px 6px;
	position: absolute;
	opacity: 0;
	transition: 0.2s;
	cursor: default;
	width: 150px;
}
.versionInfoBtn.active span {
	opacity: 1;
	transition: 0.2s;
}
.versionInfoBtn img {
	z-index: 1;
}
.surveyTopHeader {
	border: 1px solid #EDEDED;
	border-radius: 4px 4px 0 0;
	padding: 5px 0;
}
.surveyTopHeader label {
	font: normal normal normal 16px/19px Lato;
	color: #707070;
}
.surveyTopHeader p, .surveyTopHeader .select2-container--default .select2-selection--single .select2-selection__rendered {
	font: normal normal bold 16px/36px Lato;
	color: #171D1A;
}
.surveyTopHeader .select2-container--default .select2-selection--single {
	border: none;
}
.roleInnerTable {
	background-color: #EDEDED;
	padding: 10px 30px;
}
.roleInnerTable table th {
	background-color: #F7F7F7;
}
.roleSubTable tr.noBorder {
	border: transparent
}
.roleSubTable tr.noBorder div {
	display: none;
}
.subTableBtn img {
	transform: rotate(-90deg);
	transition: 0.4s;
	border-radius: 50%;
}
.subTableBtn:hover img {
	background: #BA0C2F14;
}
.subTableBtn.open img {
	transform: rotate(0deg);
	transition: 0.4s;
}
.roleSubTable .user_badge {
	padding: 5px 20px;
	background: rgb(171 139 192 / 8%) 0% 0% no-repeat padding-box;
}
.surveyDash label {
	font: normal normal normal 18px/18px Lato;
	color: #848484;
}
.surveyDash p {
	font: normal normal bold 18px/18px Lato;
	color: #171D1A;
}
.surveyDashList {
	border-top: 5px solid #F7F7F7;
	margin: 0 -20px;
}
.survey_dash_card {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #E8E8E8;
	border-radius: 8px;
	margin: 15px 0;
	padding: 15px 20px;
}
.survey_dash_card:last-child {
	margin-bottom: 0;
}
.surveyDashList h4 {
	font: normal normal normal 18px/22px Lato;
	color: #171D1A;
	text-transform: capitalize;
}
.surveyDashList h6 {
	font: normal normal bold 16px/18px Lato;
	width: 145px;
	height: 38px;
	padding: 10px;
	color: #135E7E;
	background: #EAFCFF 0% 0% no-repeat padding-box;
	border-radius: 8px;
}
.surveyDashList h6.resumeStat {
	background: #FFF5DE 0% 0% no-repeat padding-box;
	color: #DE9D00;
}
.surveyDashList h6.completedStat {
	background: #F4FFE5 0% 0% no-repeat padding-box;
	color: #518905;
}
.survey_invite_status {
	background: #70707014 0% 0% no-repeat padding-box;
	border-radius: 8px;
	color: #707070;
	font: normal normal normal 14px/16px Lato;
	width: max-content;
	height: 28px;
	text-align: center;
	padding: 0 10px;
}
.survey_invite_status.inprogress {
	background: #E8792814 0% 0% no-repeat padding-box;
	color: #E87928;
}
.survey_invite_status.completed {
	color: #00CB59;
	background: #00CA5914 0% 0% no-repeat padding-box;
}
.survey_invite_status.invitepend {
	color: #00B6C2;
	background: #00B6C214 0% 0% no-repeat padding-box;
}
.survey_invite_status.invitesend {
	color: #00CA59;
	background: #EBFBF3 0% 0% no-repeat padding-box;
}
.comments-accordion h5 {
	font: normal normal bold 15px/18px Lato;
	color: #171D1A;
}
.jtbdScoreDiv.rightCard.commentAccordion {
	background: #FFFFFF 0% 0% no-repeat padding-box;
}
.bottom_section .rightCard.commentAccordion .accordion-body {
	background: #F7F7F7 0% 0% no-repeat padding-box;
}
.btn.take_survey_btn {
	font: normal normal normal 14px/17px Lato;
	height: 30px;
	border-radius: 10px;
	padding: 5px 10px;
}
.btn.take_survey_btn.pe-none {
	color: #707070;
	background: #ECECEC 0% 0% no-repeat padding-box;
	border-color: #ECECEC;
}
.custom_table.prev_version thead {
	background: #FEF2E4 0% 0% no-repeat padding-box;
	border-color: #FEF2E4;
}
.surveyEndDate::before {
	content: '';
	border-left: 1px solid #E8E8E8;
	position: absolute;
	height: 80%;
	left: -12px;
}
.removeRoleBtn {
	font: normal normal normal 16px/19px Lato;
	color: var(--primary);
	text-transform: capitalize;
}
.removeRoleBtn i {
	color: var(--primary);
}
.inviteMsgIcon {
	position: absolute;
	left: -12px;
}
.roleSubTable .customCheckBox .form-check-input[type=checkbox] {
	background-color: var(--whiteColor);
	border-color: #b1b1b1;
}
.roleSubTable .customCheckBox .form-check-input.headerCheckBox[type=checkbox] {
	background-color: transparent;
}
.roleSubTable .customCheckBox:hover .form-check-input.headerCheckBox[type=checkbox] {
	background-color: var(--whiteColor);
}
.roleSubTable .customCheckBox .form-check-input[type=checkbox]:not(.headerCheckBox):checked {
	background-color: var(--primary);
	border-color: var(--primary);
}
.form-check-input:checked[type=checkbox].headerCheckBox {
	background-image: url("data:image/svg+xml,%3Csvg version='1.2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Ctitle%3EGroup 34682-svg%3C/title%3E%3Cstyle%3E .s0 %7B fill: %23b1b1b1 %7D %3C/style%3E%3Cg id='Group_34682'%3E%3Cpath id='Rectangle_12333' class='s0' d='m5 9h10v2h-10z'/%3E%3C/g%3E%3C/svg%3E");
}
.startSurveyBtn.pe-none {
	background: #EDEDED 0% 0% no-repeat padding-box;
	color: #A3A3A3;
}
.btn_secondary_red.addRoleSurveyBtn.pe-none {
	color: #A3A3A3;
	border: 1px solid #EDEDED;
}
.surveyDropdown h6 {
	font: normal normal 600 14px/17px Lato;
	color: #707070;
}
.surveyDropdown ul li a {
	font: normal normal normal 16px/19px Lato;
	color: #171D1A;
	border-radius: 8px;
	margin: 5px 0;
}
.surveyDropdown ul.func_select_dropmenu li a.active {
	background-color: #FDEFF2;
}
.surveyDropdown ul li a span:first-child {
	border-right: 1px solid #E5E5E5;
	padding-right: 10px;
	min-width: 105px;
}
.surveyDropdown ul li a span:last-child {
	padding-left: 10px;
}
.func_select_dropmenu li .editSurveyVer input {
	margin: 0 0 0 10px;
	border-radius: 4px 0px 0px 4px;
	border-right: none;
	padding-right: 5px;
	padding-left: 5px;
	box-shadow: inset -3px 0px 5px -2px #e7e7e799;
}
.func_select_dropmenu li .editSurveyVer input:focus {
	border-color: #E5E5E5;
}
.editSurveyVer img {
	padding: 13px 6px;
	background-color: var(--whiteColor);
	border: 1px solid #E5E5E5;
}
.editSurveyVer img:nth-child(3) {
	border-left: none;
	border-right: none;
}
.editSurveyVer img:last-child {
	border-left: none;
	border-radius: 0px 4px 4px 0px;
}
.roleHoverTable tbody tr.c-pointer:hover {
	box-shadow: 0px 2px 5px #00000024;
}
.roleExportLink {
	font: normal normal bold 10px/12px Lato;
	width: 68px;
	height: 28px;
	min-width: auto;
	opacity: 0;
}
.roleHoverTable tbody tr:hover .roleExportLink {
	opacity: 1;
}
.custom_subtable {
	font-size: 14px;
}
.editRoleBtn {
	position: absolute;
	right: 10px;
}
.fromToDateSec {
	background: #00B6C212 0% 0% no-repeat padding-box;
	border-radius: 6px;
	width: max-content;
	margin-left: auto;
	position: absolute;
	right: 0;
	bottom: -40px;
	padding: 6px 15px;
}
.fromToDateSec p {
	font: normal normal normal 14px/17px Lato;
	color: #135E7E
}
.roleHoverTable .customCheckBox:hover .form-check {
	background: #BA0C2F14;
	border-radius: 50%;
	width: 32px;
	height: 32px;
}
.roleHoverTable .customCheckBox .form-check-input[type=checkbox] {
	position: relative;
	left: 7px;
	top: -2px;
}
.surveyDropdown .func_select_dropmenu {
	width: 140%;
}
.surveyEditBtn {
	position: absolute;
	right: 10px;
}
.currency_set.roleAppWeight .input-group-append .input-group-text.nonEdit, .input-group.currency_set.roleAppWeight input.form-control.nonEdit {
	background: #f5f5f5;
	pointer-events: none;
}
.otherAttrFooter .btn {
	font: normal normal normal 14px/14px Lato;
	padding: 6px 16px;
	min-width: 74px;
	height: 30px;
}
.click_version_graph {
	display: none;
	background: #fff;
	position: absolute;
	top: 138px;
}
#click_version {
	width: 70vh;
	background: transparent;
}
.clickscoreWrapper {
	display: none;
}
.weightageBorder:after {
	content: '';
	border-right: 1px solid #E6E6E6;
	position: absolute;
	right: -10px;
	height: 100%;
}
.rightCard .accordion-header.userComntHeader {
	border-bottom: 1px solid #F8F8F8;
	border-radius: 8px 8px 0px 0px !important;
}
.comments-accordion {
	border-bottom: 1px dashed #F0F0F0;
}
.comments-accordion:last-child {
	border-bottom: none;
}
.graphBorder {
	border: 1px solid #E8E8E8;
	border-radius: 8px;
	overflow-x: auto;
}
.talentMatBtn {
	width: calc(100% - 51%);
}
.clickScoreLeft {
	width: 48%;
}
.clickScoreRight {
	width: 52%;
}
.usrTitle {
	color: #135E7E;
}
.sendinviteBtn.pe-none {
	background: #eee;
	color: #333;
	opacity: 0.5;
}
.drilldown .breadcrumb-item+.breadcrumb-item, .drilldown.breadcrumb .breadcrumb-item.active a {
	display: flex;
	align-items: center;
}
.superpower_status.pe-none {
	opacity: 0.5;
}
.superpower_status.pe-none .accordion-button {
	background: #f9f9f9;
}
.clickScoreList .ScoreList li a.talent_section.pe-none {
	background-color: #E8E8E8;
	opacity: 0.5;
}
.backSurveyBtn:not(.btn_primary), .backDashBtn, .backAssignUserBtn {
	font: normal normal bold 16px/19px Lato;
	color: #BA0C2F;
}
.surveyPageTitle {
	font: normal normal bold 20px/24px Lato;
	color: #171D1A;
	text-transform: capitalize;
	margin: 30px 0;
}
.click_score_content {
	background: #F7F7F7 0% 0% no-repeat padding-box;
	border: 1px solid #E8E8E8;
	border-radius: 8px;
	padding: 20px;
}
.click_score_content h5 {
	font: normal normal bold 18px/22px Lato;
	color: #171D1A;
	text-transform: capitalize;
}
.click_score_content p {
	font: normal normal normal 16px/24px Lato;
	color: #171D1A;
}
.surveyGuideMenu:after {
	content: "";
	border-bottom: 1px solid #E8E8E8;
	position: absolute;
	bottom: -7px;
	width: calc(100% + 32px);
	z-index: 0;
	left: -16px;
}
.survey-guide-grey-content {
	background: #F8F8F8 0% 0% no-repeat padding-box;
	border-radius: 8px;
	padding: 16px;
}
.survey-guide-content h5 {
	font: normal normal bold 20px/24px Lato;
	color: #171D1A;
	text-transform: capitalize;
}
.survey-guide-content h6 {
	font: normal normal bold 18px/22px Lato;
	color: #171D1A;
	text-transform: capitalize;
}
.survey-guide-content p, .survey-guide-content ul li {
	font: normal normal normal 16px/24px Lato;
	color: #171D1A;
}
.survey-guide-content h6.greenTxt {
	color: #8CC63E;
}
.survey-guide-content h6.redTxt {
	color: #E41A2C;
}
.survey-guide-content h6.orangeTxt {
	color: #FDB813;
}
.ratingGuideDiv {
	position: relative;
}
.ratingGuideDiv:after {
	content: "";
	border-right: 1px solid #E8E8E8;
	position: absolute;
	right: 0;
	height: 90%;
	margin: auto;
	bottom: 0;
	top: 10px;
}
.guide-wrapper {
	position: absolute;
	width: 100%;
	left: 0;
	background: #e4e4e4;
	z-index: 9999;
	top: 0;
	display: none;

}
/* .guide_content_main .col-9 .bg-white {
	max-height: 758px;
    overflow: auto;
} */
.tooltip-inner {
	max-width: 536px;
}
.guideTooltip {
	font: normal normal normal 16px/24px Lato;
	padding: 10px;
	text-align: left;
}
.guideTooltip a {
	font: normal normal bold 16px/24px Lato;
	text-decoration: underline;
	color: #FDB813;
}
.jtbd-sp-desc {
	font: normal normal normal 18px/24px Lato;
	color:  rgba(23, 29, 26, 0.70);;
}
.jtbd-sp-desc span {
	font: normal normal 700 16px / 20px Lato;
}
.rightCard .accordion-body.maxHeight {
	height: 120px;
	max-height: 120px;
	overflow: auto;
}
.tourUl .surveyGuideMenu:after {
	content: "";
	border: none;
}
.tourUl hr {
	margin: 0 0 1rem 0;
}


/* TOur CSS */
.tg-dialog .tg-dialog-header, .tg-dialog .tg-dialog-footer, .tg-dialog .tg-dialog-body {
	padding: 12px 15px;
}
.tg-dialog {
	border-radius: 4px;
	box-shadow: 0px 0px 19px #00000024;
}
.tg-backdrop, .tg-dialog, .tooltip  {
	z-index: 9999 !important;
}
.tg-dialog .tg-dialog-footer button.tg-dialog-btn.disabled {
	display: none;
}
.tg-dialog-footer {
	justify-content: end;
}
.tg-backdrop.tg-backdrop-animate {
	transition: all 300ms;
	box-shadow: #171d1a 0px 0px 0px 0px, #171d1a9c 0px 0px 0px 1000vh !important;
}
.tg-backdrop.tg-backdrop-animate:after {
	content: "";
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
}
.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup {
	margin: 0;
	padding: 0;
}
.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-step-progress {
	color: #171D1A;
	font: normal normal bold 16px/19px Lato;
	opacity: 1;
}
.btn.btn_primary:hover, .tg-dialog .tg-dialog-footer button.tg-dialog-btn:hover {
	color: var(--whiteColor);
	border: none;
}
.tg-dialog .tg-dialog-footer {
	justify-content: space-between;
}
.tg-dialog-title {
	font: normal normal bold 16px/19px Lato;
}
.tg-dialog-body {
	font: normal normal normal 16px/19px Lato;
}
#tg-dialog-prev-btn {
	background: transparent;
	color: var(--fColor);
}
#tg-dialog-prev-btn:hover {
	background: #FDEFF2 radial-gradient(circle, transparent 1%, #FDEFF2 1%) center/15000%;
}
.tg-dialog .tg-dialog-header .tg-dialog-close-btn {
	width: auto;
	height: auto;
	opacity: 1;
}
.tg-dialog .tg-dialog-header .tg-dialog-close-btn p {
	margin: 0;
	font: normal normal normal 16px/19px Lato;
	color: #171D1A;
	opacity: 0.6;
}

.tg-dialog .tg-dialog-header .tg-dialog-close-btn:hover p {
	opacity: 1;
}

.roundedAcc .tab-trigger.bg-grey {
	border-radius: 8px 0px 0 0;
}
.roundedAcc .accordion-button {
	border-radius: 0;
	background: #f1f1f1 !important;
}
.rightCard .surveyRightAccordion .roundedAcc .accordion-item {
	border: 1px solid #E5E5E5;
}
.backRoleDashBtn {
	font: normal normal normal 16px/22px Lato;
}

.scrollspyHeading {
	border-bottom: 1px solid #E8E8E8;
	margin: 20px 0 0 0;
}
.scrollspyHeading:first-child {
	margin: 0px 0 0 0;
}
.scrollspyHeading:last-child {
	/* margin: 20px 0 20px 0; */
	border-bottom: none;
}
.back_label_wrapper {
	position: relative;
}
.back_label_wrapper .select2-container--default .select2-selection--single {
	border-radius: 8px 0 0 8px;
}
.back_label_wrapper .back_label {
	position: absolute;
	right: -110px;
	top: 27px;
	background: #e4e4e4;
	padding: 6px 15px;
	border-radius: 0 4px 4px 0;
	height: 36px;
	width: 110px;
	text-align: center;
	color: #a5a5a5;
}
.emailContWrapper .tox-editor-header .tox-toolbar .tox-toolbar__group .tox-tbtn[aria-label="Fonts"] {
	display: none;
}
textarea.form-control.surveyComment {
	min-height: 190px;
}
textarea.form-control.surveyOverallComment {
	min-height: 190px;
	resize: vertical;
}
.surveyLeftAccordion.surveyAccordion .rolesurvey-stages .stageList.survey-overall-comments {
	padding: 10px;
	border-radius: 8px;
}
.surveyLeftAccordion.surveyAccordion .rolesurvey-stages .stageList.survey-overall-comments.activeStage, .surveyLeftAccordion.surveyAccordion .rolesurvey-stages .stageList.survey-overall-comments.activeStage a {
	background: #171D1A 0% 0% no-repeat padding-box;
	color: var(--whiteColor);
}
.page-wrapper.open .surveySetupList .w-65 {
	width: 65%;
}
.page-wrapper .surveySetupList .w-65 {
	width: 59%;
}
/* customTooltip */
/* customTooltip */
.customTooltip.tooltip.show {
	opacity: 1;
}
.customTooltip .tooltip-inner {
	max-width: 460px;
	background-color: #C7EBEE;
	color: #171D1A;
	text-align: left;
	font: normal normal normal 16px/24px Lato;
	padding: 16px;
	box-shadow: 1px 1px 16px #171D1A29;
}
.customTooltip .tooltip-arrow:before {
	border-bottom-color: #C7EBEE !important;
}
.customTooltip.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
	border-top-color: #C7EBEE !important;
}
.customTooltip.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
	border-right-color: #C7EBEE !important;
}
.customTooltip.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
	border-bottom-color: #C7EBEE !important;
}
.customTooltip.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
	border-left-color: #C7EBEE !important;
}
/* customTooltip */

.actionBtnWraper {
	border: 1px solid #E8E8E8;
	border-radius: 8px;
}
.actionBtnWraper a:first-child {
	border-right: 1px solid #E8E8E8;
}
.actionBtnWraper a {
	padding: 4px 10px;
	text-align: center;
}
.confidence_score_wrapper td {
	vertical-align: middle;
}
.confidence_score_wrapper h6 {
	font: normal normal bold 16px/19px Lato;
	color: #707070;
}
.confidence_score_wrapper p {
	font: normal normal normal 16px/19px Lato;
	color: #171D1A;
	margin: 0;
}
.legend_box {
	border: 1px solid #E5E5E5;
	border-radius: 7px;
	padding: 10px 15px;
	margin: 0 0 10px 0;
	position: relative;
}
.legend_box h5 {
	font: normal normal normal 14px/22px Lato;
	color: #707070;
}
.legend_box h4 {
	font: normal normal bold 16px/25px Lato;
	color: #171D1A;
	/* -webkit-text-stroke: 0.3px #171D1A; */
}
.legend_box small {
	font: normal normal normal 16px/20px Lato;
	color: #171D1A;
}
.confidence_score_pointer {
	margin: -15px 0px -25px 40px !important;
	transform: rotate(-182deg);
	transition: 0.5s;
}
.confidence_score_pointer.medium {
	margin: -35px auto -5px auto !important;
	transform: rotate(-85deg);
	transition: 0.5s;
}
.confidence_score_pointer.low {
	margin: -15px 0px -25px 40px !important;
	transform: rotate(-182deg);
	transition: 0.5s;
}
.confidence_score_pointer.high {
	margin: -10px 0px -30px 90px !important;
	transform: rotate(5deg);
	transition: 0.5s;
}
.legendInfo p {
	font: normal normal normal 14px/25px Lato;
	color: #171D1A;
}
.legendInfo p.pe-none {
	opacity: 0.5;
}
.legend_rating_modal.modal-lg {
	max-width: 730px;
}
.legend_box.greenBorder:after {
	content: "";
	border: 3px solid #8CC63E;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	border-radius: 0px 6px 6px 0px;
}
.legend_box.amberBorder:after {
	content: "";
	border: 3px solid #FDB82B;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	border-radius: 0px 6px 6px 0px;
}
.legend_box.redBorder:after {
	content: "";
	border: 3px solid #E41A2C;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	border-radius: 0px 6px 6px 0px;
}
.support-comment-template {
	max-width: 625px;
}
.support_file_list_details_wrapper .fileName {
	font: normal normal normal 16px/20px Lato;
	color: #171D1A;
}
.support_file_list_details_wrapper .col-6:nth-child(2n+1) {
	padding-left: 0;
}
.support_file_list_details_wrapper .col-6:nth-child(2n) {
	padding-right: 0;
}
.questionsStat::before {
	content: "";
	border-left: 1px solid #E5E5E5;
	height: 100%;
	position: absolute;
	left: -20px;
}
.questionsStat, .questionsStat span:first-child {
	font: normal normal 700 18px/24px Lato;
}
.questionsStat span:last-child {
	font: normal normal normal 16px/20px Lato;
}
.ratingLabel p.ratingLabelText.desc_17_11, .ratingLabel p.ratingLabelText.desc_22_3 {
	margin-right: 10px;
}
.ratingLabel p.ratingLabelText.desc_12_3 {
	margin-right: 15px;
}
.ratingLabel p.ratingLabelText.desc_17_12 {
	margin-left: -3px;
}
.ratingLabel p.ratingLabelText.desc_11_1, .ratingLabel p.ratingLabelText.desc_12_1, .ratingLabel p.ratingLabelText.desc_13_1 {
	margin-left: -8px;
}
.ratingLabel p.ratingLabelText.desc_16_5, .ratingLabel p.ratingLabelText.desc_18_13, .ratingLabel p.ratingLabelText.desc_14_5 {
	margin-right: 5px;
}
.ratingLabel p.ratingLabelText.desc_19_5,.ratingLabel p.ratingLabelText.desc_20_5, .ratingLabel p.ratingLabelText.desc_15_3 {
	margin-right: -10px;
}
.ratingLabel p.ratingLabelText.desc_21_5, .ratingLabel p.ratingLabelText.desc_11_5 {
	margin-right: -5px;
}
.ratingLabel p.ratingLabelText.desc_22_1, .ratingLabel p.ratingLabelText.desc_11_3 {
	margin-left: -5px;
}
.risk-percentage-border .form-select {
	cursor: pointer;
	background-position: 65% 50%;
}
.form-select.no-arrow {
	background-image: none;
}
option:disabled {
	background-color: #ececec;
}
.support-comment-template .modal-content, .modal-content.custom-pad {
	padding: 30px;
}
.supportBtnSec {
	padding-top: 20px;
}
.risk-percentage-border .select2-container--default .select2-selection--single {
	border: none;
	min-height: auto;
	height: auto;
}
.risk-percentage-border .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: initial;
	font-size: 14px;
}
.custom-rat-dropdown .select2-results>.select2-results__options {
	margin: 0;
}
.risk-percentage-border .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: auto;
	top: 2px;
}
.custom-rat-dropdown .select2-results__option {
	border-radius: 0;
}
.custom-rat-dropdown .select2-results__option--disabled {
	background: #ececec;
}
.custom-rat-dropdown.select2-dropdown {
	border: 1px solid #E5E5E5 !important;
	margin-top: 13px;
}
.infoTooltip {
	background-color: #171D1A;
	color: #fff;
	max-width: 435px;
	min-width: 435px;
	border-radius: 8px;
	padding: 12px 16px;
	opacity: 0;
	position: absolute;
	top: 130%;
	right: -235px;
	font: normal normal normal 16px/20px Lato;
}
.infoTooltip:before {
	content: '';
	border-bottom: 10px solid #171D1A;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	top: -5px;
	position: absolute;
	left: -55px;
	right: 0;
	margin: auto;
	width: 10px;
}
.manage_weightage_info.active .infoTooltip {
	opacity: 1;
	z-index: 1;
	transition: 0.4s;
}

/* Multirange CSS */
.multiRange {
	margin: 34px 0;
	width: 100%;
	min-width: 150px;
}
.multiRange.type1 .multiRange__range {
	color: #EEE;
	transition: 50ms;
}
.multiRange.type1 .multiRange__range:nth-child(2) {
	color: #EC5564;
}
.multiRange.type1 .multiRange__range .multiRange__handle {
	box-shadow: none;
	background: #EC5564;
}
.multiRange.type1 .multiRange__range .multiRange__handle__value {
	background: #EC5564;
	color: white;
}
.multiRange.type1 .multiRange__range .multiRange__handle__value::after {
	border-color: #EC5564 transparent transparent;
}

body.multiRange-grabbing {
	/* cursor: -webkit-grabbing; */
	cursor: pointer;
}

.multiRange {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.multiRange__rangeWrap {
	height: 13px;
	background: #E8E8E8;
	border-radius: 3px;
	position: relative;
	z-index: 5;
}
.multiRange__range {
	height: 100%;
	position: absolute;
	right: 0;
	background: currentColor;
}
.multiRange__range:nth-child(1) {
	color: #E41A2C;
}
.multiRange__range:nth-child(2) {
	color: #FDB813;
}
.multiRange__range:nth-child(3) {
	color: #8CC63E;
}
.multiRange__range:nth-child(4) {
	color: #AB8BC0;
}
.multiRange__range:nth-child(5) {
	color: #6ce5db;
}
.multiRange__range:first-child > .multiRange__handle {
	display: none;
}
.multiRange__range.grabbed > .handle {
	background: black;
}
.multiRange__range .multiRange__handle {
	width: 2px;
	position: absolute;
	top: -7px;
	bottom: -7px;
	left: -1px;
	/* cursor: -webkit-grab; */
	cursor: pointer;
	background: currentColor;
	box-shadow: 1px 0 currentColor, -1px 0 currentColor;
	transition: 0.2s;
	border-radius: 4px;
	height: 28px;
}
.multiRange__range .multiRange__handle:active {
	cursor: inherit;
}
.multiRange__range .multiRange__handle__value {
	position: absolute;
	transform: translate(-46%, -6px);
	min-width: 10px;
	background: #333;
	color: white;
	padding: 4px 6px;
	top: -100%;
	left: 0;
	white-space: nowrap;
	font: normal normal normal 16px / 20px Lato;
	text-align: center;
	border-radius: 4px;
	cursor: default;
}
.multiRange__range .multiRange__handle__value::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -3px;
	border-color: #333 transparent transparent;
	border-style: solid;
	border-width: 3px 4px;
	transform: translate(-50%, 50%);
	color: #333;
	font-size: 15px;
}
.multiRange__ticks {
	display: flex;
	justify-content: space-between;
	height: 6px;
	margin: 0;
	font: 10px Arial;
	cursor: default;
}
.multiRange__ticks > div {
	height: 100%;
	width: 1px;
	background: #DDD;
	color: #8B8E8C;
}
.multiRange__ticks > div:nth-child(25n+1) {
	height: 200%;
}
.multiRange__ticks > div:nth-child(25n+1)::before {
	display: block;
	content: attr(data-value);
	transform: translate(-50%, 80%);
	text-align: center;
	width: 35px;
	color: #8B8E8C;
	font: normal normal normal 16px / 20px Lato;
}
/* Multirange CSS */
.send_invite_imgSec {
	margin: 0 0 0 12px;
}
.clickScoreNonComment.form-control:read-only {
	max-height: 400px;
	overflow: auto;
	color: #171D1A;
}
.survey-comment-template .clickScoreNonComment.form-control:read-only {
	min-height: 200px;
}

.customRangeWrapper .ui-widget.ui-widget-content {
	border: none;
	background-color: #E5E5E5;
	height: 4px;
}
.customRangeWrapper .ui-slider .ui-slider-range {
	background: #135E7E;
}
.customRangeWrapper .ui-slider-horizontal .ui-slider-handle {
	background: #135E7E;
	border-color: #135E7E;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	top: -7px;
	cursor: pointer;
	outline: none;
}
.customRangeSlider.ui-slider-horizontal .ui-slider-handle span.value_label {
	font: normal normal bold 12px / 15px Lato;
	position: relative;
	top: -28px;
	width: max-content;
	text-align: center;
	left: 0;
	right: 0;
	margin: auto;
	background: #171D1A;
	color: #fff;
	padding: 2px 4px;
	border-radius: 4px;
	display: inline-block;
}
.customRangeSlider.ui-slider-horizontal .ui-slider-handle span.value_label::after {
	content: "";
	border-top: 6px solid;
	border-right: 6px solid transparent;
	border-bottom: 0;
	border-left: 7px solid transparent;
	position: absolute;
	bottom: -10px;
	color: #171d1a;
	left: 1px;
	/* right: 0; */
	/* margin: auto; */
	width: 12px;
	height: 12px;
}

.risk_details {
	border: 1px solid #E5E5E5;
	padding: 24px;
	color: #171D1A;
	border-radius: 8px;
	margin: 0 0 16px 0;
	display: flex;
}
.risk_details h2 {
	font: normal normal 700 20px/24px Lato;
	margin: 0 0 24px 0;
}
.risk_details p {
	font: normal normal normal 16px/19px Lato;
}
.risk_details p span {
	font: normal normal 700 16px/19px Lato;
}
.table_wrapper tr, .table_wrapper th, .table_wrapper td {
	border-color: #fff;
}
.table_wrapper th, .table_wrapper td {
	padding: 10px;
	vertical-align: middle;
}
.table_wrapper th {
	font: normal normal 700 18px/22px Lato;
	color: #FFFFFF;
	background-color: #135E7E;
	text-align: center;
}
.table_wrapper td {
	background-color: #F7F7F7;
}
.table_wrapper td h3 {
	font: normal normal 700 18px/22px Lato;
}
.table_wrapper td h4 {
	font: normal normal 700 16px/19px Lato;
}
.table_wrapper td p {
	font: normal normal 700 14px/17px Lato;
	color: #8B8E8C;
}
.risk_details_left {
	border-right: 1px solid #F1F1F1;
}
.role_export_details {
	border-bottom: 1px dashed #E5E5E5;
}
.role_export_details p {
	font: normal normal 600 14px/17px Lato;
	color: #8B8E8C;
}
.role_export_details h2 {
	font: normal normal 700 16px/19px Lato;
	color: #171D1A;
}
.jtbd_sp_graph_details {
	background-color: #F7F7F7;
}
.jtbd_sp_graph_details p.sort_p {
	font: normal normal 700 16px/19px Lato;
	color: #171D1A;
	margin: 0 0 8px 0;
}
.jtbd_sp_graph_details h2 {
	font: normal normal 700 18px/22px Lato;
	color: #BA0C2F;
	margin: 0 0 12px 0;
}
.jtbd_sp_graph_details ul li {
	font: normal normal normal 14px/22px Lato;
	color: #000;
	list-style: none;
}
.tableDropdown.filter_hcbs_dropdown .dropdown-toggle:after {
	content: url('../../masters/images/select_down_arrow_new.svg');
}
.filter_hcbs_dropdown .dropdown-menu {
	min-width: 230px;
}
.filter_btn_section {
	border-top: 1px solid #F1F1F1;
}
.filter_btn_section .btn {
	min-width: auto;
	height: auto;
	padding: 8px;
}
.hcbs_filter_form {
	position: absolute;
	right: 105px;
	top: 5px;
}
.hcbs_filter_form.pe-none svg path {
	stroke: #ccc;
}
.hcbs_filter_form svg path {
	stroke: #BA0C2F;
}
.hcbs_filter_form.pe-none  .tableDropdown .dropdown-toggle:after {
	opacity: 0.4;
}
.hcbs_filter_form svg, .hcbs_filter_form .tableDropdown .dropdown-toggle:after {
	opacity: 1;
}
.trend_graph div , .bar_graph div  {
	width: 100% !important;
}
.export_pdf_wrapper {
	position: absolute;
	width: 100%;
	left: -10000px;
	max-width: 1240px;
	margin: auto;
}
.export-hcbs-table tr, .export-hcbs-table th, .export-hcbs-table td {
	border-width: 2px;
}
.back_label_wrapper .back_label.ttvBtn {
	width: 170px;
	right: -170px;
}