/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

:root {
	--colorPrimary: #025095;
	--colorText: #4a4a4a;
	--spacerSite: 16px;
	--bgCard: linear-gradient(161deg, #FBFBFB 0%, #F5F5F5 100%);
	--bgCardIns: linear-gradient(-20deg, #1279ab 0%, #025095 100%);
	--iconCardColor: #ffffff;
	--subTextColorCard: #757575;
}

html {
	height: 100%;
}
.eligibility_cont{
	background-color: #f5f5f5;
    padding: 16px 4px;
    margin-bottom: 16px;
}
.material-symbols-outlined {
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24
}

input[readonly]{
	cursor: inherit
}

input.eq-ui-input[type=text]:disabled,
input.eq-ui-input[type=text][readonly="readonly"],
input.eq-ui-input[type=password]:disabled,
input.eq-ui-input[type=password][readonly="readonly"],
input.eq-ui-input[type=email]:disabled,
input.eq-ui-input[type=email][readonly="readonly"],
input.eq-ui-input[type=url]:disabled,
input.eq-ui-input[type=url][readonly="readonly"],
input.eq-ui-input[type=time]:disabled,
input.eq-ui-input[type=time][readonly="readonly"],
input.eq-ui-input[type=date]:disabled,
input.eq-ui-input[type=date][readonly="readonly"],
input.eq-ui-input[type=datetime-local]:disabled,
input.eq-ui-input[type=datetime-local][readonly="readonly"],
input.eq-ui-input[type=tel]:disabled,
input.eq-ui-input[type=tel][readonly="readonly"],
input.eq-ui-input[type=number]:disabled,
input.eq-ui-input[type=number][readonly="readonly"],
input.eq-ui-input[type=search]:disabled,
input.eq-ui-input[type=search][readonly="readonly"],
textarea.eq-ui-textarea:disabled,
textarea.eq-ui-textarea[readonly="readonly"] {
	color: rgba(0, 0, 0, 0.5);
	border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
	background-color: transparent;
}

input.eq-ui-input[type=text]:disabled+label,
input.eq-ui-input[type=text][readonly="readonly"]+label,
input.eq-ui-input[type=password]:disabled+label,
input.eq-ui-input[type=password][readonly="readonly"]+label,
input.eq-ui-input[type=email]:disabled+label,
input.eq-ui-input[type=email][readonly="readonly"]+label,
input.eq-ui-input[type=url]:disabled+label,
input.eq-ui-input[type=url][readonly="readonly"]+label,
input.eq-ui-input[type=time]:disabled+label,
input.eq-ui-input[type=time][readonly="readonly"]+label,
input.eq-ui-input[type=date]:disabled+label,
input.eq-ui-input[type=date][readonly="readonly"]+label,
input.eq-ui-input[type=datetime-local]:disabled+label,
input.eq-ui-input[type=datetime-local][readonly="readonly"]+label,
input.eq-ui-input[type=tel]:disabled+label,
input.eq-ui-input[type=tel][readonly="readonly"]+label,
input.eq-ui-input[type=number]:disabled+label,
input.eq-ui-input[type=number][readonly="readonly"]+label,
input.eq-ui-input[type=search]:disabled+label,
input.eq-ui-input[type=search][readonly="readonly"]+label,
textarea.eq-ui-textarea:disabled+label,
textarea.eq-ui-textarea[readonly="readonly"]+label {
	color: rgba(0, 0, 0, 0.5);
}


.title-section-risk {
	margin-top: 0px;
	font-weight: 500;
}


.reports-line,
.containerTextArea,
.responsability-line,
.containerTextArea {
	background-color: #ffffff;
	padding: 16px;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
	margin-bottom: 32px;
}

.reports-line .resp-subtitle,
.containerTextArea .resp-subtitle,
.responsability-line .fakeTitle,
.containerTextArea .resp-subtitle {
	font-size: 32px !important;
}

.reports-line .future-things,
.containerTextArea .future-things,
.containerTextArea .future-things {
	border: 1px solid #eeeeee;
}


.bottomEmployeeColumnTriple.riskPage {
	width: 100% !important;
}


.container-col-risk {
	display: flex;
	flex-direction: row;
	gap: 16px;
	transition: all 2s;
}


.container-col-risk .column-risk {
	background-color: #f5f5f5;
	padding: 16px;
	flex: 1;
	transition: all 2s;
}

@media(max-width:1200px) {
	.container-col-risk {
		flex-direction: column;

	}
}

.openInductionCard{
	padding: 20px 16px;
    font-size: 18px;
    text-decoration: underline;
}

.container-table-section {
	margin: 16px;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
}

table.simulationlist thead th {
	background-color: var(--colorPrimary);
	color: #ffffff !important;
	font-weight: 600 !important;
}

table#simulationlist tbody tr:hover {
	background-color: transparent;
}

table#simulationlist tbody tr td {
	border-bottom: 1px solid #e4e4e4;
}

table#simulationlist input {
	margin-bottom: 0px;
	width: 55px
}

span#salary_modified_by {
	position: fixed;
	bottom: 0;
	right: 0;
	background-color: #eee;
	padding: 5px 18px;
	font-size: 14px;
	border-top-left-radius: 5px;
	font-style: italic;
	z-index: 100;
}

table#simulationlist tr td:nth-child(odd) {
	background-color: #f1f1f1;
}

table#simulationlist .band-c {
	display: flex;
	align-items: center;
	gap: 16px;
}

table#simulationlist .band-c span {
	display: flex;
	align-items: center;
	gap: 2px;
}

#all_teams_table {
	min-width: 1000px;
}

.show-history-detail,
#create-new-performance {
	text-decoration: underline;
	color: var(--colorPrimary);
	cursor: pointer;
}

.fixed-confirm-button {
	position: fixed;
	bottom: 0px;
	width: 100%;
	background-color: #fff;
	padding: 16px;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
	left: 0;
	text-align: right;
	z-index: 99;
}

#hr_onboardingform_page .global-content {
	padding: 16px;
	padding-bottom: 0px;
	margin-bottom: 64px;
	background-color: #f5f5f5;
}

#hr_onboardingform_page .eq-ui-select-wrapper .eq-ui-dropdown {
	min-height: 0px;
}

#hr_onboardingform_page .single-request {
	padding: 16px;
	padding-bottom: 0px;
}

#hr_onboardingform_page p.titleform-text {
	margin-bottom: 8px;
}

h2.titleob-sect {
	font-size: 24px;
	font-weight: 500;
	margin-top: 0px;
	margin-bottom: 24px;
}

.form-submitted-ok h3 {
	color: #1bbc9b;
	font-weight: 700;
	margin: 10px 0px;
	margin-bottom: 20px;
}

span.to_onboard {}


ul.past-session-vote {
	display: flex;
	margin: 16px 0px;
}

ul.past-session-vote li {
	background-color: rgba(2, 80, 149, 1) !important;
	border-radius: 4px;
	padding: 4px 8px;
	display: flex;
	align-items: center;
	gap: 16px;
}

ul.past-session-vote li img {
	width: 35px;
	-webkit-filter: invert(1);
	filter: invert(1);
}

ul.past-session-vote li span {
	color: #ffffff;
	font-size: 14px;
}

.last_session,.current_session {
	padding: 11.5px;
	background-color: #fff;
	margin-bottom: 16px;
	border: 1px solid #eee;
}

.current_session{
	margin-bottom: 10px;
}

.last_session span.last-session-note,.current_session span.last-session-note{
	font-weight: 600;
}

.last_session span.last-notes {
	display: block;
	padding: 11.5px;
	background-color: #f5f5f5;
	border: 1px solid #eeeeee;
}

#modal-performance .perf-form-modal pre.performance-blue {
	font-family: 'Roboto';
	background-color: #eaf1f6;
	border: 1px solid #aec7dd;
}

#modal-performance .eq-ui-collapsible li.active .eq-ui-collapsible-header {
	font-weight: 600;
	background-color: rgba(2, 80, 149, 1);
	color: #fff;
}

#modal-performance .eq-ui-collapsible li:hover .eq-ui-collapsible-header {
	background-color: rgba(2, 80, 149, 1);
	color: #fff;
}

#modal-performance .eq-ui-collapsible li .eq-ui-collapsible-header a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 16px;
}


#modal-performance .perf-form-modal pre.performance-gray {
	font-family: 'Roboto';
	background-color: #f5f5f5;
	border: 1px solid #eeeeee;
}

.perf-form-modal label:not(.sdt_label) {
	position: relative;
	display: block;
	top: 0px;
}

.containerTableMod {
	overflow: auto;
}

.containerTableMod table {
	min-width: 800px;
}

input.eq-ui-input[type=text]:disabled,
input.eq-ui-input[type=text]:disabled+label {
	opacity: 0.8;
}

#eq-ui-modal-confirm-induction .eq-ui-modal-content {
	height: calc(100% - 104px);
}

#induction_report {
	max-width: 1000px;
	margin: auto;
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
	padding: 16px;
	margin-top: 16px;
}

#induction_report .report_title {
	font-size: 22px;
	font-weight: 500;
	display: block;
	margin-bottom: 8px;
	margin-top: 32px;
}

#induction_report .report_title.firstElIa {
	margin-top: 0px;
}

#induction_report .tableTask tr th {
	color: #4a4a4a;
	padding: 8px 16px;
	background-color: #eeeeee;
}

.feedbacks span {
	margin-top: 16px;
	font-weight: 600;
	font-size: 14px;
	display: block;
	margin-bottom: 8px;
}

.feedbacks p {
	border: 1px solid #eeeeee;
	padding: 8px;
}

#induction_report .tableTask tr td {
	padding: 4px 16px;
	border-bottom: 1px solid #f5f5f5;
}

#induction_report table.tableTask {
	border: 1px solid #eeeeee;
}

#induction_report .tableTask thead tr {
	background-color: #eeeeee;
}


li.rate_num[disabled="disabled"] {
	cursor: not-allowed;
}

li.rate_num[disabled="disabled"]:hover {
	background-color: #ffffff !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

li.rate_num[disabled="disabled"]:hover span {
	color: inherit;
}

li.rate_num[disabled="disabled"]:hover img {
	-webkit-filter: invert(0);
	filter: invert(0);
}

ul.performance-rate-list,.form360-rate-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 16px;
	margin: 10px auto;
}

ul.performance-rate-list li,
.all_reviews .tdcont,.form360-rate-list li {
	background-color: #ffffff;
	padding: 0px 8px 0px 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 4px;
	cursor: pointer;
}

ul.performance-rate-list li:hover,.form360-rate-list li:hover {
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
	background-color: rgba(2, 80, 149, 1);
}

ul.performance-rate-list li.prev-perf:hover,.form360-rate-list li.prev-perf:hover {
	background-color: #ffffff;
}

ul.performance-rate-list li.rate_num.active, ul.form360-rate-list li.rate_num.active {
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
	background-color: rgba(2, 80, 149, 1) !important;
}


ul.performance-rate-list li:hover span, ul.form360-rate-list li:hover span {
	color: #ffffff;
}

ul.performance-rate-list li.prev-perf:hover span , ul.form360-rate-list li.prev-perf:hover span {
	color: inherit;
}

ul.performance-rate-list li.active span,ul.form360-rate-list li.active span {
	color: #ffffff !important;
}

ul.performance-rate-list li:hover img , ul.form360-rate-list li:hover img {
	-webkit-filter: invert(1);
	filter: invert(1);
}

ul.performance-rate-list li.active img, ul.form360-rate-list li.active img {
	-webkit-filter: invert(1) !important;
	filter: invert(1) !important;
}

ul.performance-rate-list li span,ul.form360-rate-list li span,
.all_reviews span {
	font-size: 14px;
}

ul.performance-rate-list li img,ul.form360-rate-list li img,
.all_reviews img {
	width: 36px;
	margin-right: 8px;
	padding: 4px;
	padding-right: 0px;
}

#annotations_dashboard .left_header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#modal-edit-job-role-description .employee_role_job {
	text-wrap: wrap;
	line-height: normal;
	font-size: 18px;
}

#trainings-list td.item-actions a,
#hr_skills_page td.item-actions a {
	float: right;
}

#trainings-list td.item-actions a,
#hr_skills_page td.item-actions a.btn-edit-training {
	float: none;
}

#employee_profile_modal .eq-ui-modal-content {
	height: calc(100% - 51px);
}

#employee_profile_modal .hr_employee_profile_page .employee {
	height: 100% !important;
}

#masterData .bottomEmployeeColumn .edit_desc_btn {
	margin-bottom: 16px;
}

.row_notes.total_annotations {
	cursor: pointer;
}

.custom-team-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	gap: 16px;
}

.cell-name-cont {
	display: inline-block;
	margin-left: 10px;
}

@media(min-width: 768px) {
	.custom-team-menu {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}
}

.custom-team-menu .dyn-menu-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 16px;
}

.custom-team-menu i.mdi.mdi-download.download-as-pdf {
	padding: 0px !important;
}

.custom-team-menu .ul_region {
	margin-right: 8px;
	font-weight: 600;
}


.custom-team-menu .root_companies_cont {
	margin-right: 16px;
}

.custom-team-menu .material-icons-switch {
	top: auto !important;
}

#eq-ui-modal-training-evaluate .eq-ui-modal-content {
	height: calc(100% - 51px) !important;
}

#eq-ui-modal-training-evaluate .eq-ui-modal-content .container-radio-tr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 4px;
}

#eq-ui-modal-training-evaluate .eq-ui-modal-content .container-question-tr-ev {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 8px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	border: 1px solid #eee;
	padding: 16px;
	background-color: #fff;
}

#eq-ui-modal-training-evaluate .eq-ui-modal-content form .container-stars-tr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 8px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;

}

#eq-ui-modal-training-evaluate .submit-tr-button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

#eq-ui-modal-training-evaluate .eq-ui-modal-content form p {
	margin-bottom: 8px;
	font-weight: 600;
	color: #4a4a4a;
	font-size: 20px;
}

#eq-ui-modal-training-evaluate .eq-ui-modal-content label {
	margin: 0px;
	position: relative;
	height: 24px;
}

#eq-ui-modal-training-evaluate .eq-ui-modal-content label span {
	color: #FFD700;
}

#eq-ui-modal-training-evaluate .eq-ui-modal-content input {
	margin: 0px;
}

#okr_members_cont.eq-ui-modal-content {
	height: calc(100% - 51px)
}

#okr_members_cont .table-container-member {
	background-color: #fff;
}

#okr-addviewer #okr_members .dyn-row {
	border: 1px solid #f5f5f5;
}

#okr-addviewer #okr_members .dyn-row td {
	padding: 4px 16px;
}

#okr-addviewer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

#general_costs .sectionPayment {
	margin-bottom: 16px;
}


#training_members_cont .table-container-member {
	overflow: auto;
}

#training_members_cont .table-container-member table {
	min-width: 1400px;
}

#hr_trainings_page .eq-ui-card {
	margin: 0px 16px!important;
}

#hr_trainings_page .container_hr_trainings_page {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: calc(100vh - 136px);
	overflow: auto;
}

#hr_trainings_page .container_hr_trainings_page #training_to_approve_cont,
#hr_trainings_page .container_hr_trainings_page .containerMyTrainings {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
#document_table_section thead tr th,
#document_table_section tbody tr td,
#table-for-trainings thead tr th, 
#table-for-trainings tbody tr td{
	text-align: left!important;
}

.last_approved_date{
	display: block;
}

td .approvejd{
	margin-left: 10px;
}

#document_table_section td.last,#document_table_section th.last{
	text-align: right !important;
}

#modal-create-training #training_confirm_panel a.eq-ui-modal-close {
	display: -webkit-inline-box !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
}

#modal-create-training #training_confirm_panel .text-info.training_confirm_res {
	margin-bottom: 16px;
}

#modal-create-training #training_budget_opts .training-section {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 16px;
}

#modal-create-training .linkNoButton.btn-join-training {
	color: var(--colorPrimary);
	text-decoration: underline;
	cursor: pointer;
}

#modal-create-training .eq-ui-modal-content {
	height: calc(100% - 51px);
	background-color: #f5f5f5;
}

#modal-create-training #training-code-search {
	margin-top: 16px;
}

#modal-create-training #training-code-res {
	padding: 16px;
	margin-bottom: 16px;
	background: #ffffff;
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

#modal-create-training .container-info-tr div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 8px;
}

#modal-create-training .container-info-tr div span.tit-lbl {
	font-weight: 600;
}

#modal-create-training #training_options .container-info-tr div {
	margin-bottom: 8px;
}

#modal-create-training #training_options a {
	margin-bottom: 16px;
}

#modal-create-training #training_options div {
	margin-bottom: 8px;
}

#modal-create-training .text-info {
	color: var(--colorText);
}

#modal-create-training .text-info a.btn-request-training {
	margin-top: 16px;
	color: var(--colorPrimary);
	font-size: 16px;
	text-decoration: underline;
	cursor: pointer;
}

#modal-create-training #training-code-no-res {
	color: #f3565d;
	font-size: 14px;
}

/* #hr_trainings_page .table-for-trainings {
	overflow: hidden;
} */


/* #hr_trainings_page .table-for-trainings thead {
	min-width: 1000px;
	padding: 0px 8px;
    background: #f5f5f5;
} */

#hr_trainings_page .role-status.in_evaluation {
	background-color: #ffc107;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}


/* #hr_trainings_page .table-for-trainings tbody {
	min-width: 1000px;
	overflow-x: hidden;
} */
.name-table-training{
	flex: 3 0 21.42% !important;
}


#training_data .row,
.hr_form_section .hr_single_section,
.single-request {
	padding: 16px 0px;
	border: 1px solid #eeeeee;
	margin-bottom: 16px;
	background-color: #ffffff;
}

#training_data .row .training-section,
.hr_form_section .hr_single_section .hr-info-section {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 16px;
}

.training_to_approve_table {
	margin: 16px;
	width: calc(100% - 32px);
	border-right: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
}

.training_to_approve_table thead tr th {

	color: #4a4a4a;
	padding: 8px 16px;
}


.training_to_approve_table tbody tr td {
	color: #4a4a4a;

	padding: 8px 16px;
	border-bottom: 1px solid #eeeeee;
}

.training_to_approve_table tbody tr td a {
	margin: 8px;
}

.containerKpiSections {
	max-height: calc(100vh - 400px) !important;
	overflow: auto;
}

.kpi_table {
	overflow: auto;
}

.kpi_table thead {
	position: sticky;
	top: 0;
	background: #f5f5f5;
	box-shadow: 0px -1px 5px rgb(0 0 0 / 11%);
	z-index: 10;
}

.kpi_table thead tr th {
	color: #4a4a4a;
	padding: 8px 16px;
}

.kpi_table tbody tr td {
	color: #4a4a4a;
	padding: 8px 16px;
	border-bottom: 1px solid #eeeeee;
}

.kpi_table tbody tr td.item-actions {
	position: relative;
}

.kpi_table tbody tr td a {
	margin: 8px;
}

.header-update-kpi {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 8px;
}
.badge-update-kpi {
	background-color: #4b4b4b;
    color: white;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: bold;
}
.badge-update-kpi.green-update-kpi {
	background-color: #14b8a6;
}
.badge-update-kpi.red-update-kpi {
	background-color: #e74c3c;
}

.target-container-modal-insert{
	background: #f5f5f5;
    padding: 8px!important;
	margin: 16px!important;
    border: 1px solid #80808033;
    border-radius: 5px;
    box-shadow: 2px 3px 6px 0px #00000014;
}
.month-row-update-kpi {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-bottom: 10px;
	border: 1px solid #ddd;
	padding: 8px 4px;
	border-radius: 3px;
}
.month-row-update-kpi span{
	width: 75%;
	color: gray;
    font-size: 14px;
}
.circle-update-kpi {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: inline-block;
}
.circle-update-kpi.gray-update-kpi { background-color: #e0e0e0; }
.circle-update-kpi.green-update-kpi { background-color: #2ecc71; }
.circle-update-kpi.red-update-kpi { background-color: #e74c3c; }
.input-update-kpi {
	border: 1px solid #ddd;
	padding: 5px;
	width: 20%;
	text-align: right;
	margin: 0px!important;
}
.input-note-kpi {
	border: 1px solid #ddd;
	padding: 5px;
	width: 20%;
	margin: 0px!important;
}

.title-kpi {
	font-size: 18px !important;
	color: white !important;
	font-weight: bold !important;
	padding-left: 4px!important;

}

.title-container-kpi {
	padding: 8px !important;
	background: linear-gradient(180deg, rgba(8, 88, 154, 1) 0%, rgba(17, 116, 168, 1) 100%) !important;
}
.title-container-kpi-closed {
	padding: 8px !important;
	background: linear-gradient(180deg, rgb(16 153 138) 0%, rgb(21 184 166) 100%) !important
}
.title-container-kpi-to-approve {
	padding: 8px !important;
	background: gray;
}

.row-tile-kpi{
	background-color: #f5f5f5 !important;
}

.label-title-kpi {
	padding: 4px !important;
	font-size: 12px !important;
	color: #4d4d4d !important;
}

.label-subtitle-kpi {
	text-align: right !important;
	font-weight: bold !important;
	padding: 4px !important;
	text-transform: capitalize;
	background-color: #f5f5f5 !important;
	font-size: 12px !important;
	color: #4d4d4d !important;
}
.label-title-note-kpi {
	padding: 4px !important;
	font-size: 12px !important;
	font-weight: bold !important;
	color: #4d4d4d !important;
}
.label-note-kpi {
	text-align: left !important;
	padding: 4px !important;
	text-transform: lowercase;
	background-color: #f5f5f5 !important;
	font-size: 12px !important;
	color: #4d4d4d !important;
	word-wrap: break-word;
}
.label-link-kpi{
	text-align: left !important;
	font-size: 0.8em;
    text-decoration: underline;
    color: var(--colorPrimary);
    cursor: pointer;
	background-color: #f5f5f5 !important;
	padding: 4px !important;
	word-wrap: break-word;
}
.table-kpi {
	width: 100% !important;
	border-collapse: collapse !important;
	font-size: 12px !important;
}

.table-kpi thead tr {
	background-color: #f5f5f5 !important;
}

.table-kpi thead tr th {
	padding: 4px !important;
	color: #6b7280 !important;
	text-align: center !important;
}

.table-kpi tbody tr td {
	border: 1px solid #f5f5f5f5 !important;
	padding: 12px !important;
}

.target-kpi-val {
	background-color: #4b4b4b;
	color: white;
	padding: 4px 8px;
	border-radius: 12px;
	font-weight: bold;
}

.listofEvaluationInduction {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 0!important;
}
.listofEvaluationInduction .rate_num{
	display: flex;
	align-items: center;
	gap: 4px;
	cursor: pointer;
}
.listofEvaluationInduction .rate_num img{
	width: 30px;
	height: auto;
}
.listofEvaluationInduction li.rate_num.active {
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
    border-color: rgba(2, 80, 149, 1) !important;
    border-width: 1px;
    padding: 8px;
    border-radius: 10px;
    border-style: solid;
}
.card-menu-kpi{
	right: 12px!important;
}
.card-menu-kpi li{
	height: 40px!important;
}

.container-dot-kpi {
	width: 20px !important;
	line-height: 0 !important;
	height: 20px !important;
	min-width: 20px !important;
}
.container-dot-kpi i{
	color: white!important;
	line-height: 20px !important; 
	font-size: 20px !important;
}

.target-kpi-success {
	background-color: #14b8a6;
	color: white;
	padding: 4px 8px;
	border-radius: 12px;
	font-weight: bold;
}

.target-kpi-error {
	background-color: #ef4444;
	color: white;
	padding: 4px 8px;
	border-radius: 12px;
	font-weight: bold;
}

#kpi_tbody {
	max-height: calc(100vh - 350px);
    overflow: scroll;
	flex-wrap: wrap;
	display: flex;
}

.container-card-kpi .row {
	margin: 1px 12px !important;
}

.kpi-card {
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
	padding: 20px;
	transition: all 0.3s ease-in-out;
}

.kpi-header {
	font-size: 22px;
	font-weight: bold;
	color: #333;
	text-align: center;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.kpi-container {
	background-color: #e0e0e0;
	padding: 10px;
	margin: 16px;
	display: flex;
	align-items: flex-start;
	gap: 20px;
	position: sticky;
	top: 0;
	margin-bottom: 16px;
	z-index: 10;
}
.kpi-container-2 {
	background-color: #e0e0e0;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 16px;
}

.kpi-container-2 label {
	font-size: 0.8em;
	color: #555;
}
.parent-update-container{
	width: 100%;
	margin: 0px!important;
}
.kpi-details {
	display: flex;
	flex-direction: column;
}
.kpi-title {
	font-weight: bold;
	font-size: 1.2em;
}
.kpi-subtitle {
	font-size: 0.9em;
	color: #666;
}
.height-100vh{
	height: 100vh!important;
}
.height-100vh-calc{
	height: calc(100vh - 300px)!important;
}
.kpi-inputs {
	display: flex;
	gap: 20px;
	flex-grow: 1;
}
.kpi-info {
	display: flex;
	flex-direction: column;
	width: 20%;
	border-left: 1px solid #CCC;
	padding: 0 10px;
}
.link-kpi-parent-update{
	font-size: 0.8em;
	text-decoration: underline;
	color: var(--colorPrimary);
	cursor: pointer;
}
.parent-update-small{
	max-width: fit-content!important; /* Fa sì che la larghezza minima sia basata sul contenuto */
    width: auto!important;
}
.kpi-info label {
	font-size: 0.8em;
	color: #555;
}

#modal-create-training table.table-employees tbody.imported-trainings-list {
	height: auto;

}

#modal-create-training .table-to-scroll {
	height: calc(100vh - 90px);
}

#hr_trainings_page table.table-for-trainings tbody.trainings-list span.apprtotal {
	color: var(--colorPrimary);
	text-decoration: underline;
	cursor: pointer;
}

#hr_trainings_page table.table-for-trainings tbody.trainings-list tr td.admin-only {
	overflow: visible;
}

#hr_trainings_page table.table-for-trainings tbody.trainings-list tr td.admin-only .rmembers {
	background-color: #f5f5f5;
	padding: 8px 15px;
	border: 1px solid #f5f5f5;
	border-radius: 3px;
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.10);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.10);
	font-size: 14px;
}

#hr_trainings_page table.table-for-trainings tbody.trainings-list tr td.admin-only .rmembers span {
	display: block;

}

#my_empl_table {
	min-width: 700px;
}

#hr-nav-bar .container-fluid {
	padding: 0px;
}

#hr_employee_page .employee {
	height: auto;
}

#eq-ui-modal-history-msg #msg_history_cont.eq-ui-modal-content {
	height: calc(100% - 51px) !important;
}

#msg_history_log {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 8px;
}

#eq-ui-modal-history-log #msg_history_log_cont.eq-ui-modal-content {
	height: calc(100% - 51px) !important;
}


#msg_history_log .loadHistory .container-notifications {
	padding: 8px 16px;
	border: 1px solid #eee;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 4px;
	width: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

#msg_history_log .loadHistory .container-notifications .histdate {
	font-size: 14px;
	text-align: right;
}

#msg_history_log .loadHistory:hover {
	border-bottom: 1px solid transparent;
	background-color: #f5f5f5;
}

#msg_history_log #msg_history {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 16px;
}


#msg_history .container-msg-hist {
	/*border: 1px solid #eee;*/
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
	padding: 8px 16px;
	gap: 8px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: #ffffff
}

#msg_history .datehist {
	font-size: 14px;
	font-weight: 400;
	text-align: right;
}

#msg_history .containerMessHist {
	padding: 8px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 8px;
	border: 1px solid #eee;
}

#msg_history .msg_dest {
	font-size: 14px;
	background-color: #f5f5f5;
	padding: 8px;
}

#msg_history .email_dest {
	font-size: 14px;
	text-align: right;


}


#msg_history .emailhist {
	max-height: 100px;
	overflow: auto;
	display: block;
}


#eq-ui-modal-task .add-title-task {
	position: relative;
}

#eq-ui-modal-task .add-title-task a#browse-tasks {
	text-decoration: underline;
	color: var(--colorPrimary);
	position: absolute;
	right: 16px;
	top: 0px;
	bottom: 0px;
	height: 24px;
	margin: auto;
	cursor: pointer;
}

#eq-ui-modal-task .add-title-task #task-name-edit {
	padding-right: 60px;
	width: calc(100% - 60px);
}

#eq-ui-modal-task .tableTask tr {
	border: 1px solid #eeeeee;
}

#eq-ui-modal-task .tableTask tr th,
#eq-ui-modal-task .tableTask tr td {
	padding: 8px;
}

#eq-ui-modal-task .tableTask tbody tr {
	cursor: pointer;
}

#eq-ui-modal-task .tableTask tbody tr:hover {
	background-color: #eeeeee;
}

#eq-ui-modal-task .tableTask tr th {
	background-color: var(--colorPrimary);
}





#modal-open-induction-taskk .tableTask tr {
	border: 1px solid #eeeeee;
}

#modal-open-induction-task .tableTask tr th,
#modal-open-induction-task .tableTask tr td {
	padding: 8px;
}

#modal-open-induction-task .tableTask tbody tr {
	cursor: pointer;
}

#modal-open-induction-task .tableTask tbody tr:hover {
	background-color: #eeeeee;
}
.eta-induction-style{
	background: #dddddd;
    padding: 8px 16px;
    border-radius: 25px;
    text-align: center;
	width: 180px;
    display: block;
}

#modal-open-induction-task .tableTask tr th {
	background-color: var(--colorPrimary);
}
.confirm-send-close-induction, .confirm-send-eta-change, .confirm-send-edit-induction{
	bottom: 0;
    position: absolute;
    right: 16px;
}
#close-induction-done{
	display: block;
	font-size: 16px;
	line-height: 1.5;
	color: #424242;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #9e9e9e;
	border-radius: 0;
	outline: none;
	width: 100%;
	margin: 0 0 15px 0;
	padding: 0;
	box-shadow: none;
	transition: all .3s;
	padding-right: 28px;
	box-sizing: inherit;
	height: 3rem !important;
}

.dot-induction-success{
	background-color: green;
	width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    font-size: 11px;
    color: white;
    text-align: center;
    line-height: 30px;
}

.dot-induction-warning{
	background-color: orange;
	width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    font-size: 11px;
    color: white;
    text-align: center;
    line-height: 30px;
}

.updateInfo {
	text-align: right;
}

.updateInfo #lastjobedit {
	font-size: 12px;
	font-style: italic;
}

#skill-evaluation-cont .skilleidel {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	border: 1px solid #eee;
	padding: 16px;
	padding-bottom: 0px;
	margin-bottom: 16px;
}

#skill-evaluation-cont .skill-title {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 8px;
	color: var(--colorPrimary);
}

#skill-evaluation-cont .skill-desc {
	font-size: 14px;
	margin-bottom: 16px;

}


#skill-evaluation-cont .skillContainerSel {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 16px;
}

#modal-edit-job-role-description .trumbowyg-editor-box,
#modal-edit-job-description .trumbowyg-editor-box {
	background-color: #ffffff;
}

#modal-edit-job-description .containerTextArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	gap: 16px;
}

#modal-edit-job-role-description .eq-ui-add-next-skill-line,
#modal-edit-job-description .eq-ui-add-next-emplskill-line,
#modal-edit-job-description .eq-ui-add-next-responsability-line {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px;
	margin-top: 16px;
}

#modal-edit-job-role-description #job-skills,
#modal-edit-job-description #jobfixed-skills,
#modal-edit-job-description #jobrole-skills {
	margin-top: 16px;
}

#modal-edit-job-description #jobfixed-skills {
	margin-bottom: 16px;
}

#modal-edit-job-role-description .containerTextArea .singleTa,
#modal-edit-job-description .singleTa {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

#modal-edit-job-role-description .containerTextArea .singleTa label,
#modal-edit-job-role-description .job_tasks_area,
#modal-edit-job-description .singleTa label,
#modal-edit-job-description .job_tasks_area {
	font-size: 18px;
	margin-bottom: 0px;
	color: #1a1a1a;
	font-weight: 700;
}

#modal-edit-job-role-description #job-skills .input-container-text,
#modal-edit-job-description #jobfixed-skills .input-container-text,
#modal-edit-job-description #jobrole-skills .input-container-text,
.new-future-template .input-container-text {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

#modal-edit-job-role-description #job-skills .input-container-sel,
#modal-edit-job-description #jobfixed-skills .input-container-sel,
#modal-edit-job-description #jobrole-skills .input-container-sel {
	width: 250px;
}

#modal-edit-job-role-description #job-skills .input-container-sel-rate,
#modal-edit-job-description #jobfixed-skills .input-container-sel-rate,
#modal-edit-job-description #jobrole-skills .input-container-sel-rate {
	width: 250px;
}

#modal-edit-job-role-description #job-skills .new-skill-container,
#modal-edit-job-description #jobfixed-skills .new-skill-template,
#modal-edit-job-description #jobrole-skills .new-skill-template,
.new-skill-template {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	padding-top: 0px;
	background-color: #ffffff;
}

#modal-hr-help.eq-ui-modal.eq-ui-modal-fixed .eq-ui-modal-content {
	height: calc(100% - 51px) !important;
}


#modal-hr-help .sectContInfo {
	margin-bottom: 24px;
}

#modal-hr-help .sectContInfo:last-child {
	margin-bottom: 0px;
}

#modal-hr-help .lineDesc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
}

#modal-hr-help .lineDesc .orangeInfoDesc {
	width: 20px;
	height: 20px;
	border-radius: 30px;
	background-color: #fb8b38;
	display: inline-block;
}

#modal-hr-help .lineDesc .greyInfoDesc {
	width: 20px;
	height: 20px;
	border-radius: 30px;
	background-color: #4a4a4a;
	display: inline-block;

}

#modal-hr-help .lineDesc .greenInfoDesc {
	width: 20px;
	height: 20px;
	border-radius: 30px;
	background-color: #1bbc9b;
	display: inline-block;

}

#modal-hr-help .lineDesc .redInfoDesc {
	width: 20px;
	height: 20px;
	border-radius: 30px;
	background-color: #d54b51;
	display: inline-block;

}


#modal-hr-help .titleInfoSect {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-bottom: 8px;
	gap: 8px;
	font-weight: 700;
	font-size: 18px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px solid #ddd;

}

span.info-sect {
	position: absolute;
	top: 14px;
	right: 16px;
}

.repStatus span.info-sect span {
	font-size: 28px;
	color: #999999;
	cursor: pointer;
}

.newsFeed .newsFeedHeader {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 16px;
}

.newsFeed h3 {
	margin-bottom: 0px !important;
}

#bds {
	display: none;
}

.newsFeed .notification_icons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 16px;
}

.newsFeed .notification_icons span {
	cursor: pointer;
	border-radius: 30px;
	padding: 4px;
}

.newsFeed .notification_icons span.active {
	background-color: var(--colorPrimary);
	color: #ffffff;
}


.container-cell-svr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.notification-line {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid transparent;
}

.notification-line:hover {
	border-bottom: 1px solid #d5d5d5;
}

.remove-notification {
	padding: 4px;
	background-color: transparent;
	display: none;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 25px;
	cursor: pointer
}

.remove-notification:hover {
	background-color: #eee;
}

.unarchive-notification {
	padding: 4px;
	background-color: transparent;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 25px;
	cursor: pointer
}

.unarchive-notification:hover {
	background-color: #eee;
}

#newsfeed {
	padding-top: 0px;
}

#othernotfications .clearcontainer {
	display: block;
	width: calc(100% + 32px);
	background-color: #ffffff;
	padding: 0px;
	padding-bottom: 8px;
	margin-left: -16px;
	margin-right: -16px;
	margin-bottom: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: -16px;
	position: sticky;
	top: 0px;
}

#othernotfications .clearcontainer .notifications-label {
	font-weight: bold;
	font-size: 18px
}

#othernotfications .clearcontainer .clearall {
	text-decoration: underline;
	color: var(--colorPrimary);
	cursor: pointer;
}


.notification-line.unreadline:hover .remove-notification {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.notification-line.allline .remove-notification {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#employee_profile_modal a,
#employee_profile_modal span {
	color: #ffffff;
}

#employee_profile_modal span.material-icons {
	color: var(--colorPrimary);
}

#employee_profile_modal .eq-ui-modal-content {
	padding: 0px;
}

#employee_profile_modal .eq-ui-modal-close i {
	color: var(--colorText);
}

#employee_profile_modal.eq-ui-modal.eq-ui-modal-fixed .eq-ui-modal-header+.eq-ui-modal-content {
	height: calc(100% - 51px);
}

#employee_profile_modal .employee .employee-container {
	margin-top: 0px;
}


#hr-nav-bar,
#emaTasksBackMetis {
	background-color: var(--colorPrimary);
	color: #ffffff;
	padding: 0px 16px;
}

#hr-nav-bar select {
	background-color: #ffffff;
	color: var(--colorText);
}

.dotsMenuEmp .btn i {
	color: #fff;
}


@media screen and (min-width: 769px) {
	.wrap {
		left: auto !important;
		margin-right: auto !important;
	}
}
@media (min-width: 1800px) {
	.col-xl-3 {
	  flex: 0 0 25%;
	  max-width: 25%;
	}
  }
  
#hr_roles_page .table-to-scroll {
	overflow: auto;
	height: calc(100vh - 400px);
}

#all-budget-table thead , #all-budget-tableHC thead, #all-budget-tableSimulationHC thead, #all-budget-tableForecastHC thead {
	position: sticky;
	top: 0;
	background: #f5f5f5;
	box-shadow: 0px -1px 5px rgb(0 0 0 / 11%);
	z-index: 10;
}

#all_teams_table thead {
	position: sticky;
	top: 0;
	background: #f5f5f5;
	box-shadow: 0px -1px 5px rgb(0 0 0 / 11%);
	z-index: 10;
}

#all_empl_table thead, 
#all_empl_talent_table thead, 
#all_empl_risk_table thead, 
#document_table_section thead,
#table-for-trainings thead{
	position: sticky;
	top: 0;
	background: #f5f5f5;
	box-shadow: 0px -1px 5px rgb(0 0 0 / 11%);
	z-index: 10;
}

.badge-card {
	width: 100%;
}

.badge-card[data-badge]:after {
	width: 30px;
	border-radius: 50px;
	height: 30px;
	font-size: 14px;
}

#pdfViewer .containerTableEmpl {
	max-height: calc(100vh - 450px) !important;
	overflow: auto;
}


.containerTableEmpl {
	max-height: calc(100vh - 400px) !important;
	overflow: auto;
}
.containerTableDoc {
	max-height: calc(100vh - 270px) !important;
	overflow: auto;
}
.section-subtitle{
	text-align: left;
    font-size: 14px;
    color: gray;
	line-height: 1;
}

.editSim{
	background-color: #efefef;
    margin-bottom: 16px;
    margin-left: 0;
	border-radius: 5px;
    margin-right: 0;
}

#all-budget-tableHC{
	height: calc(100vh - 430px);
	overflow-y: auto;
    overflow-x: scroll;
    scrollbar-gutter: stable;
}

.hr-app-body-tag #all-budget-tableHC{
	height: calc(100vh - 350px);
	overflow: auto;
}

#all-budget-table, #all-budget-tableSimulationHC {
	overflow: auto;
	height: calc(100vh - 400px) !important;
}

#all-budget-tableForecastHC {
	overflow: auto;
	height: 100% !important;
}

#okr-dest-autocomplete .autocomplete-suggestion {
	padding-top: 15px !important;
}

#okr-dest-autocomplete .autocomplete-suggestion .okr_h6 {
	line-height: normal;
}

#okr-dest-autocomplete .autocomplete-suggestion .autocomplete_job {
	margin-top: 0px;
}

.containertoastWarningCard {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0px 16px;
}

.toastWarningCard {
	color: #ffffff !important;
	background-color: #fb8b38;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 8px 12px;
	border-radius: 6px;
	gap: 16px;
}

#hr_colleagues_page .employee .employee-container {
	margin-top: 16px;
}

#hr_employee_page .employee-container .topEmployeeContainer .topEmployeeColumn.imageContainer p {
	margin-top: 7px;
	font-size: 22px;
	font-weight: 600;
	color: var(--colorPrimary);
}

.d-none {
	display: none !important;
}

.edit-a {
	float: none !important;
	text-align: right;
}

.d-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#coming_soon {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
	text-align: center;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0088C7), to(#005095));
	background-image: -o-linear-gradient(top, #0088C7 0%, #005095 100%);
	background-image: linear-gradient(180deg, #0088C7 0%, #005095 100%);

}

#coming_soon h3 {
	margin: 36px 0px;
	font-weight: 600;
	font-size: 40px;
	color: var(--colorPrimary);
	margin-bottom: 16px;
	text-transform: uppercase;
}

#coming_soon p {
	color: var(--colorText);
}

#coming_soon .containerCSPage {
	padding: 32px;
	background-color: #ffffff;
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
	border-radius: 4px;
}

#coming_soon img {
	width: 100%;
}

#coming_soon a.goBack {
	background-color: var(--colorPrimary);
	color: #ffffff;
	padding: 8px 26px;
	border-radius: 2px;
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
	display: inline-block;
	margin-top: 16px;
	text-decoration: none;
	font-weight: 600;
}

#coming_soon a.goBack:hover {
	text-decoration: none;
	opacity: 0.9;
}


#hr_employee_profile_page .containerButtonsHeaderProfile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#hr_employee_profile_page .employee-container {
	margin-top: 0px !important;
}

#hr_employee_profile_page .containerButtonsHeaderProfile a {
	background-color: #fff !important;
	color: #025095 !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 8px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 12px;
	font-weight: 500;
	padding: 2px 16px;
}

#hr_employee_profile_page .containerButtonsHeaderProfile a:hover {
	opacity: 0.9;
}

#hr_employee_profile_page .employee-detail-thumb {
	width: 225px;
	height: 225px;
	border-radius: 100%;
	background-position: center;
	background-size: cover;
	display: inline-block;
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}


.headerSectionProfilePageContainer.container:before,
.headerSectionProfilePageContainer.container:after {
	content: " ";
	display: none;

}

.containerInfoheroprofile {
	margin-bottom: 16px;
	margin-top: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 32px;
}


.containerProfPub {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-left: 8px;
}

.containerInfoheroprofile span.locationCont {}

.containerInfoheroprofile span.locationCont span.material-icons {
	padding: 6px;
	border: 1px solid #fff;
	border-radius: 12px;
	font-size: 20px;
	background-color: #fff;
	color: var(--colorPrimary);
}

.containerInfoheroprofile span.locationCont .icon-teams {
	border: 1px solid #fff;
	border-radius: 12px;
	width: 34px;
}

.containerProfPub span,
.containerProfPub a {
	margin: 0px !important;
	font-size: 14px;

}

.containerProfPub span.profile-field-value,
.containerProfPub a.profile-field-value,
.containerProfPub a.iconInfoProfile {
	font-size: 16px;
	font-weight: 600;
	margin-top: -6px !important;

}

.containerProfPub a.iconInfoProfile:hover,
.containerProfPub a.profile-field-value:hover {
	text-decoration: underline;
}

#hr_employee_profile_page h3.sectionTitle {
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom: 1px solid #eee;
	padding-bottom: 8px;
}

.loginHrIs {
	margin-top: 0px !important;
}

.loginHrIs .eq-login {
	height: 100vh;
	min-height: 625px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-image: var(--bgCardIns);
}

.loginHrIs #signin,
.loginHrIs #div-password-old,
.loginHrIs #signupBox,
.loginHrIs #reset_password {
	max-width: 500px;
	padding: 10px 45px;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	width: 100%;
	background-color: #ffffff;
	z-index: 100;
	text-align: center;
	padding: 32px;
}

.loginHrIs .login-title {
	text-align: center;
	font-size: 22px;
	font-weight: 400;
	margin: 16px 0 16px 0;
	color: var(--colorText);
	margin-top: 38px;
	margin-bottom: 8px;
}


.pie svg {
	width: 175px;
	height: 175px;
}

.pie svg .circle-progress-value {
	stroke-width: 8px;
	stroke: var(--colorPrimary);
}

.pie svg .circle-progress-circle {
	stroke-width: 8px;
	stroke: #eeeeee;
}

.pie svg .circle-progress-text {
	fill: var(--colorText);
}

.flag_container_search {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 16px;
}

.flag_container_search i.add-empl,
.flag_container_search i.mdi-check {
	font-size: 26px;
}

.flag_container_search .gotoprofile {
	padding: 8px 14px;
	background-color: var(--colorPrimary);
	color: #fff;
	border-radius: 2px;
}

.eq-ui-modal-content #member-list .containerNameStatus h6.svr-member-template-name {
	line-height: normal;
}

.autocomplete-suggestion span.autocomplete_job,
.eq-ui-modal-content #member-list .containerNameStatus span.svr-member-template-job {
	font-size: 12px;
	line-height: normal;
	display: block;

	color: var(--subTextColorCard);
}

.autocomplete-suggestion span.autocomplete_job {
	margin-top: -12px;
}

.containerNameStatus span.empl-list-template-job {
	color: var(--subTextColorCard);
	font-size: 12px;
}

.usernamePage {
	color: #ffffff;
}

.usernamePage:hover {
	color: #ffffff;
	opacity: 0.8;
}

.eq-ui-dropdown.eq-ui-dropdown-right-bottom {
	left: auto;
	right: 0;
	top: 0;
	bottom: auto !important;
}

.lineMemberTeam {
	width: 100%;
}

.sectionSpaceTalent {
	gap: 16px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.check_talent {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 200px;
	flex: 0 0 200px;
}

.bottomEmployeeContainerColumn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
}

.topEmployeeContainer .topEmployeeColumn,
.bottomEmployeeContainerColumn .bottomEmployeeColumn {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: auto;
}


#talent_actions {
	background-color: #eee;
	padding: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 16px;

}

.impactSection {
	margin-bottom: 16px;
}

#talent-year-details-fake {
	margin-bottom: 0px;
}


.contStatusTal p.fakeTitle.statusTalent {
	margin-bottom: 0px !important;
}


/*Circle Loader*/

.containerperfComp {
	height: 175px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 8px;
	width: 100%;
}

.quarter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid #f5f5f5;
	gap: 32px;
	width: 100%;
	cursor: pointer;
	padding: 0px 16px;
	padding-bottom: 8px;
}

.quarter:hover {
	border-bottom: 1px solid var(--colorPrimary);
}

.quarter:last-child {
	border: none;
}


.quarterName {
	font-weight: 400;
	color: #4a4a4a;
}

.statusCircle {
	width: 30px;
	height: 30px;
	background-color: #eee;
	display: inline-block;
	border-radius: 30px;
}


/*------------*/

span.report-okr {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px;
}

span.report-okr .progressCount {
	font-size: 16px;
	font-weight: 600;
}


.bottomEmployeeContainerColumn.listTalentForm {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

}

.inputYearTalent {}

.inputYearTalent .eq-ui-select-wrapper {
	max-width: 300px;
}

#all_tr_table tr td span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;

}
.openModalCompToJD{
	cursor: pointer;
}

.tabs {
	display: flex;
	gap: 8px;
	padding-top: 8px;
}

.tab {
	padding: 10px 15px;
	border-radius: 10px;
	background: #fff;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
	color: #025095;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.tab.active {
	background: #025095;
	color: #fff;
	font-weight: bold;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}

#all_empl_table_report_corso {
	border-collapse: collapse;
	width: 100%;
}

.tag-approved {
	width: 100px;
	height: auto;
	font-weight: 500;
	font-size: 14px;
	min-width: 64px;
	display: inline-block;
	line-height: 36px;
	text-align: center;
	color: white !important;
	text-transform: uppercase;
	border-radius: 35px;
	padding: 0 12px;
	background-color: #1abc9c !important;
}

.btn-action {
	width: 140px;
	text-align: left;
	text-transform: capitalize;
	border-radius: 35px;
	background-color: #1abc9c !important;
}

.btn-action i {
	color: white !important;
}

.btn-action-false {
	width: 140px;
	text-align: left;
	text-transform: capitalize;
	border-radius: 35px;
	background-color: #777777 !important;
}

#all_empl_table_report_corso thead {
	position: sticky;
	top: 0;
	background: #f5f5f5;
	box-shadow: 0px -1px 5px rgb(0 0 0 / 11%);
	z-index: 10;
}

#all_empl_table_report_corso td {
	padding: 0px 10px !important;
}

.eq-ui-switch label input[type=checkbox]:checked+.lever {
	background-color: #82d4c5 !important;
}

.eq-ui-switch label input[type=checkbox]:checked+.lever:after {
	background-color: #1abc9c !important;
}

.action-check-all {
	display: flex;
	align-items: center;
	position: relative;
	padding: 8px;
	background-color: #025095;
	z-index: 10;
}

.action-check-all-det {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	background-color: #025095;
	gap: 12px;
}

.action-check-all a {
	color: white;
	text-transform: uppercase;
	color: #005095 !important;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
	background-color: white !important;
	border-radius: 2px;
	cursor: pointer;
	padding: 5px 10px;
}

.action-check-all .closeCheck {
	color: white;
	text-transform: uppercase;
	cursor: pointer;
}



.development_plan,
.infoRowCol {
	border-right: 1px solid #838383;
}

#all_tr_table col:nth-child(even) {}

col.firstCol {}

col.secondCol {}

#all_tr_table tr th {
	text-align: center;
	min-width: 150px;

}

#add_all_employees_to_region {
	text-align: left;
	padding: 8px;
	text-decoration: underline;
	cursor: pointer;
}

.action-row-employee {
	justify-content: center;
	align-items: center;
	display: flex;
}

#all_tr_table tr th:first-child {
	text-align: left;
}

#all_tr_table tr td:first-child span {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}


#all_tr_table tr td.action-Cell {
	text-align: center;
}

#all_tr_table a.btn-view-members {
	color: var(--colorPrimary);
	text-decoration: underline;
	cursor: pointer;
	font-size: 14px,
}

#all_tr_table a.btn-view-members:hover {
	opacity: 0.8;
}


#my_reports_table tr td span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;

}

#my_reports_table tr th {
	text-align: center;

}

#my_reports_table tr th:first-child {
	text-align: left;

}

#my_reports_table tr td:first-child span {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

#hr_employee_page .employee-container .topEmployeeContainer {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}


.dotsMenuEmp {
	position: fixed;
	top: 50px;
	right: 15px;
}

.containerStatusTalent {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #eee;
	padding: 16px;
	margin-bottom: 16px;
	gap: 16px;
}


.containerStatusTalent .statusTalent {
	display: flex;
	gap: 16px;
	align-items: center;
}

.containerStatusTalent .statusTalent a.show-history-detail {
	margin-bottom: 0px;
}

.containerStatusTalent .inputYearRisk {
	margin-bottom: 0px !important;
}

.containerStatusTalent .inputYearRisk #risk-year-details-fake {
	margin-bottom: 0px !important;
}

.contStatusTal {
	width: 100%;
	padding: 16px;
	background-color: #f5f5f5;
	margin-bottom: 16px;
	width: 100%;
}

.containerStatusTalent p.mark_talent_paragraph,
.containerStatusTalent p.send_talent_paragraph {
	margin-bottom: 8px !important;
	font-weight: 400 !important;
}


.containerStatusTalent p.fakeTitle.statusTalent {
	margin-bottom: 16px;
	font-weight: 800;
	color: #4a4a4a;
}

#hr_employee_talent_management_page p.fakeTitle {
	margin-bottom: 16px;
	font-weight: 800;
	color: #4a4a4a;
}

#hr_employee_risk_management_page p.fakeTitle {
	margin-bottom: 16px;
	font-weight: 800;
	color: #4a4a4a;
}
/*.containerStatusTalent a {
	margin-bottom: 8px;
}*/

#talentStatus,
.talent-status,
#riskStatus,#single-riskStatus {
	font-weight: 500;
	padding: 6px 16px;
	background-color: #878787;
	margin-left: 8px;
	color: #fff;
	border-radius: 4px;
	display: inline-block;
}

#talentStatus.new,
.talent-status.new,
#riskStatus.new, #single-riskStatus.new {
	background-color: #9b9b9b;
}

#talentStatus.in_progress,
.talent-status.in_progress,
#riskStatus.in_progress, #single-riskStatus.in_progress {
	background-color: #fa7410;
}

#talentStatus.under_review,
.talent-status.under_review {
	background-color: #47929f;
}

#talentStatus.completed,
.talent-status.completed,
#riskStatus.confirmed,
#single-riskStatus.confirmed,
#riskStatus.in_progress.confirmed, #single-riskStatus.in_progress.confirmed {
	background-color: #1bbc9b;
}

#talentStatus.not_eligible,
.talent-status.not_eligible {
	background-color: #d54b51;
}

#talentStatus.eligible,
.talent-status.eligible {
	background-color: #1bbc9b;
}

/*---- Start Cockpit-------*/
.containerAppList h3 {
	margin: 0px;
	margin-bottom: 16px;
	font-size: 22px;
	font-weight: 600;
}

.containerTopSection {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 16px;
}

.newsFeed,
.repStatus,
.persStatus,
.toolBox {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 16px;
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
}

.newsFeed,
.repStatus {
	min-height: 300px;
	position: relative;
}

.persStatus,
.toolBox {
	margin-top: 16px;
}

.conatinerNewsFeed {
	background-color: #f5f5f5;
	height: calc(100% - 40px);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 16px;
	overflow: auto;
	max-height: 230px;
}

.conatinerNewsFeed a {
	text-decoration: underline;
	font-weight: 500;
}

.conatinerNewsFeed a:hover {
	opacity: 0.8;
}

.containerRepStatus {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 16px;
}

.containerRepStatus .columnRep {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background-color: #f5f5f5;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 16px;
	padding: 25px 16px;
	position: relative;
}

.containerRepStatus .columnRep .material-symbols-outlined {
	font-size: 48px;
	color: #025095;
}

.containerRepStatus .columnRep h5 {
	font-size: 22px;
}

.containerRepStatus .columnRep .statCont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px;
}

.containerRepStatus .columnRep span.stat {
	font-weight: 700;
}

.containerRepStatus .columnRep h5 {
	margin: 0px;
}

.containerRepStatus .statCont .statusCircle,
td .statusCircle {
	width: 20px;
	height: 20px;
	border-radius: 30px;
	background-color: #7f7f7f;
	padding: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
}

.containerRepStatus .statCont .statusCircle.redStat,
td .statusCircle.redStat,
td .statusCircle.new,
span .statusCircle.new,
td .statusCircle.complete.new,
td .statusCircle.completed.new,
td .statusCircle.in_progress.new,
.personalStatus.in_progress.new,
.singlePersSatatus .personalStatus,
.btn.warningButton {
	background-color: #d54b51
}

.containerRepStatus .statCont .statusCircle.greenStat,
td .statusCircle.greenStat,
td .statusCircle.complete,
td .statusCircle.completed,
.personalStatus.complete,.personalStatus.completed {
	background-color: #1bbc9b;
}

.containerRepStatus .statCont .statusCircle.orangeStat,
td .statusCircle.orangeStat,
td .statusCircle.in_progress,
td .statusCircle.evaluation,
td .statusCircle.complete.in_progress,
td .statusCircle.completed.in_progress,
.personalStatus.in_progress,.personalStatus.evaluation,
.personalStatus.complete.in_progress {
	background-color: #fb8b38;
}




.containerRepStatus .buttonStatus {
	padding: 6px 24px;
	background-color: #025095;
	color: #ffffff;
	border-radius: 4px;
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
	cursor: pointer;
}

.containerPersStatus {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 16px;
	cursor: pointer;
}

.containerPersStatus .singlePersSatatus {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.containerPersStatus .singlePersSatatus h5 {
	margin: 16px;
	font-size: 16px;
}

.containerPersStatus .singlePersSatatus .contPie {
	height: 150px;
	background-color: transparent;
	width: 100%;
	border-right: 1px solid #eeeeee;
	text-align: center;
}

.containerPersStatus .singlePersSatatus:last-child .contPie {
	border: none;
}

.containerAppList .appList .hr-card {
	width: calc(25% - 16px) !important;
}

.conatinerNewsFeed p {
	margin-bottom: 4px;
	min-height: 34px;
	height: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}


.conatinerNewsFeed p:nth-child(1) {
	margin-top: 16px;
}


.conatinerNewsFeed #bds p {
	display: block;
}

@media (min-width: 1400px) {
	.containerAppList .appList .hr-card {
		width: calc(20% - 16px) !important;
	}
}

@media (max-width: 992px) {
	.employee-container .bottomEmployeeContainerColumn .bottomEmployeeColumnDouble {
		width: 100%;
	}

	.notification-line .remove-notification {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.containerAppList .appList .hr-card {
		width: calc(33% - 16px) !important;
	}

	.containerTopSection {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.conatinerNewsFeed {
		height: 250px;
		max-height: none;
	}

	.containerPersStatus {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	ul.listofEvaluation li span {
		display: none;
	}

	#hr_employee_page .employee-container .bottomEmployeeContainer .tabsContainer .eq-ui-tabs {}
}

@media (max-width: 768px) {
	.containerAppList .appList .hr-card {
		width: calc(50% - 16px) !important;
	}

	.riskStatusSect {
		text-align: center;
	}

	.containerRepStatus {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.containerStatusTalent {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 16px;
	}

	.containerStatusTalent .statusTalent {
		flex-direction: column;
	}

}

@media (max-width: 768px) {
	.eq-ui-card .eq-ui-card-title .eq-ui-card-title-text {
		font-size: 18px;
	}

	.containerAppList .appList .hr-card {
		width: 100% !important;
	}

	#skill-evaluation-cont .skilleidel {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	#hr_employee_page .employee-container .topEmployeeContainer .topEmployeeColumn,
	#hr_employee_page .employee-container .bottomEmployeeContainerColumn .bottomEmployeeColumn {
		width: 100%;
	}

	#training_costs_per_person_cont .dyn-row {
		gap: 0px !important;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start !important;
		-ms-flex-align: start !important;
		align-items: flex-start !important;
	}
}

/*---- End Cockpit-------*/


.containerProfile .containerInfoProfile {
	margin: 16px auto !important;
}

.containerProfile .employee .employee-container {
	margin: 0px;
}

.teamComtainerList {
	padding: 16px;
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	cursor: pointer;
	border-radius: 4px;
}


.teamComtainerList .textTeamList {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.teamComtainerList span.nameTeam {
	font-weight: 600;
}

.teamComtainerList span.teamPath {
	font-size: 14px;
	font-weight: 300;
}

.teamComtainerList span.material-icons {
	font-size: 32px;
	color: #025095;
}


.eml-comment-box {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.eml-comment-box:focus {
	outline: none;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.pagination-section .eq-ui-nav-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.listteamfocus,
.listorgfocus {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: 10px;
}

.svr-member-template-img {
	width: 40px;
	height: 40px;
	-o-object-fit: cover;
	object-fit: cover;
}

span.listteamfocus_cont:hover span {
	color: #025095;
}

/*Rating*/
.rate-section-rating {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #eee;
	padding: 8px 16px;
	gap: 16px;
}

.rate-section-rating label.ach-stat {
	-webkit-box-flex: 3;
	-ms-flex: 3;
	flex: 3;
}

.rate-section-rating select.rate_status {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.rate-section-rating .outcome-input {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.rate-section-rating label {
	margin-bottom: 0px;
}

.containe-comment-rating {
	padding-top: 24px;
	padding-bottom: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 16px;
}

/*Talent*/
#future-roles .new-role-template,
.future-things .new-future-template {
	gap: 16px;
	margin-top: 0px;
	padding: 10px 16px;
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 4px;
}

#future-roles,
.future-things {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 16px;
}

#future-roles .new-role-template input.eq-ui-input,
#future-roles .new-role-template .eq-ui-input-field,
.future-things .new-future-template input.eq-ui-input {
	margin-bottom: 0px !important;
}

#future-roles .new-role-template .eq-ui-select-wrapper input,
#future-roles .new-role-template .eq-ui-select-wrapper span,
#future-roles .new-role-template .eq-ui-select-wrapper ul,
.future-things .new-future-template .eq-ui-select-wrapper ul {
	display: none;
}

#future-roles .new-role-template .input-container-text,
#future-roles .new-role-template .input-container-sel,
.input-container-sel-rate,
#future-successor .new-role-container .input-container-text,
#future-successor .new-role-container .input-container-sel,
#future-things .new-future-container .input-container-sel {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
}

#future-roles .new-role-template .input-container-text .autocomplete-suggestions {
	margin-top: 61px;
}

#future-roles .new-role-template .input-container-text input,
#future-roles .new-role-template .input-container-sel select,
.input-container-sel-rate select,
.future-things .new-future-template .input-container-sel select,
.future-things .new-future-template .input-container-text input,
.input-container-text input {
	width: 100%;
	margin-bottom: 0px;
	border: none;
	border-radius: 0px;
	border-bottom: 1px solid #4a4a4a;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 8px 0px;
	color: #4a4a4a;
}

#future-roles .new-role-template label,
.future-things .new-future-template label {
	color: #9e9e9e;
	font-weight: 400;
	font-size: 12.8px;
	margin-bottom: 0px;
}

.bottomEmployeeContainerColumn .btn.eq-ui-btn-fab {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 42px;
	min-width: 42px;
	height: 42px;
	margin-top: 16px;
	margin-bottom: 16px;
}

.bottomEmployeeContainerColumn .dev-action-line {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px;
	color: var(--colorPrimary);
}

.bottomEmployeeContainerColumn .dev-action-line a {
	color: var(--colorPrimary);
	text-decoration: underline;
}

.bottomEmployeeContainerColumn .group-learning {
	margin-top: 48px;
}

#deputy-list .new-role-container {
	width: 350px;
}

#deputy-list .new-role-container .next-person-autocomplete-cont {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

#future-successor .new-role-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 16px;
}

#future-successor .input-container-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
}

#future-successor .input-container-text label,
#future-successor .select-inline-cont label {
	color: #9e9e9e;
	font-weight: 400;
	font-size: 12.8px;
	margin-bottom: 0px;
}

#future-successor .successorItem {
	gap: 16px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#future-successor .successorItem .autocomplete-suggestions {
	margin-top: 61px;
}

#future-successor .input-container-text input,
#future-successor .select-inline-cont select {
	width: 100%;
	margin-bottom: 0px;
	border: none;
	border-radius: 0px;
	border-bottom: 1px solid #4a4a4a;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 8px 0px;
	color: #4a4a4a;
}

#future-successor .select-inline-cont .eq-ui-select-wrapper input,
#future-successor .select-inline-cont .eq-ui-select-wrapper span,
#future-successor .select-inline-cont .eq-ui-select-wrapper ul {
	display: none;
}
#talentinfo{
	background: white;
}
.eq-ui-modal.eq-ui-modal-fixed .eq-ui-modal-header+.eq-ui-modal-content {
	margin-top: 51px;
	height: calc(100% - 50px);
}

#future-successor .select-inline-cont {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

/*New Box in HR*/
.containerAppList {
	height: calc(100vh - 52px);
	padding: var(--spacerSite);
	overflow: auto;
	margin: 0px !important;
}

.containerAppsHr {
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
	height: 100%;
	padding: 16px;
	overflow: auto;
}

.containerAppList .appList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: var(--spacerSite);
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.titleSectionPage {
	padding: var(--spacerSite) 0px;
	font-size: 32px;
	font-weight: 500;
	margin: 0px;
	padding-bottom: calc(var(--spacerSite) * 2);
}

.titleSectionPage span {
	font-weight: 300;
}

.containerAppList .appList .hr-card {
	background-image: var(--bgCard);
	padding: var(--spacerSite);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 300px;
	border-radius: 5px;
}

.appList .hr-card .hrCard-content {
	text-align: center;
	cursor: pointer;
}

.appList .hr-card .hrCard-icon-container {
	background-image: var(--bgCardIns);
	padding: var(--spacerSite);
	border-radius: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
	cursor: pointer;
}

.appList .hr-card .hrCard-icon-container span {
	font-size: 50px;
	color: var(--iconCardColor);
}

.appList .hr-card .hrCard-content .hrCard-title {
	font-weight: 500;
	font-size: 22px;
	margin-bottom: 8px;
	margin-top: 8px;
}

.appList .hr-card .hrCard-content .hrCard-description {
	color: var(--subTextColorCard);
	font-size: 14px;
	line-height: normal;
}

#employee_profile_modal .employee .employee-container {
	margin-top: 0px !important;
}
@media(max-width: 1000px) {
.budget-tag{
	font-size: 12px!important;
}
#budget-status-selects{
	font-size:12px;
	width: 100px;
	margin-top: 4px;
}
#budget-year-selects{
	font-size:12px;
	width: 100px;
	margin-top: 4px;
}
}
@media(max-width: 768px) {
	.appList .hr-card {
		width: 100%;
	}
	

	#deputy-list .new-role-container {
		width: 100%;
	}

	.containerInfoheroprofile {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 0px;
	}

	#hr_employee_profile_page .headerSectionProfilePageContainer,
	#employee_profile_modal .hr_employee_profile_page .headerSectionProfilePage .headerSectionProfilePageContainer {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 16px;

	}
}

/*-------*/
table.eq-ui-data-table thead tr th,
table.eq-ui-data-table tbody tr td {
	vertical-align: middle;
}

.hr_page .eq-ui-card,
.hr_page .eq-ui-main {
	margin: 16px;
}

.containerNewEmployee {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 16px;
}

li.listNewEmployee {
	padding: 16px !important;
}

.containerNewEmployee img {
	display: block !important;
	position: relative !important;
	left: auto !important;
}

.containerNewEmployee h6.eq-ui-list-title {
	line-height: normal !important;
}

.sp-replacer {
	border: none !important;
	background-color: transparent !important;
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: visible !important;
}

.sp-replacer .sp-preview {
	border: none !important;
	background-color: transparent !important;
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
	width: 50px;
	height: 50px;
	border-radius: 25px;
	margin-right: 12px
}

.sp-replacer .sp-preview .sp-preview-inner {
	border-radius: 35px;
}

.eq-ui-card-title-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
}

#hr_teams_page .eq-ui-card-title {
	padding: 16px;
}

#hr_teams_page .eq-ui-card.eq-ui-card-with-table .eq-ui-card-menu {
	top: 14px;
}

a.backButton {
	width: 32px;
	height: 32px;
	border-radius: 25px;
	margin-right: 16px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

a.backButton:hover {
	background-color: #f5f5f5;
}

.containerTableSection {
	height: calc(100vh - 215px);
	overflow: auto;
}

#hr_teams_page .containerTableSection {
	height: calc(100vh - 200px);
	overflow: auto;
}


@media only screen and (max-width : 480px) {
	.containerTableSection {
		height: auto;
		overflow: auto;
	}

	#hr_teams_page .containerTableSection {
		height: auto;
		overflow: auto;
	}

	.containerAppList .appList .hr-card {
		width: 100%;
	}


}


table.all_empl_table thead tr th,
table.all_empl_table tbody tr th {
	padding: 8px 16px !important;
	color: var(--colorText);
	position: sticky;
	top: 0;
	background-color: #f5f5f5;
}

table.all_empl_table tbody tr td {
	padding: 8px 16px;
	color: var(--colorText);
}

table.all_empl_table tbody tr {
	border-bottom: 1px solid #f5f5f5;
}

table.all_empl_table tbody tr:hover {
	background-color: #f5f5f5;
}

table.all_empl_table .containerArrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

table.all_empl_table th.action-Cell {
	text-align: right;
}

table.all_empl_table td.action-Cell {
	text-align: right;
	position: relative;
}

table.all_empl_table td .cell-svr,
.inline-user .cell-svr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 15px;
}

.eq-ui-card {
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1) !important;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1) !important;
}

a.hr-home-back,
a.eq-ui-modal-close {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important;
}

.eq-ui-card.card-goal-general {
	margin-top: 0px !important;
}

.eq-ui-card.card-goal-general .eq-ui-card-supporting-text {
	padding: 0px;
}

#hrBodyContainer.avoidPadding {
	padding: 0px !important;
}

.goal-card {
	/*padding: 10px 16px;
    */
	margin: 10px 0px;
	/*box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    */
}

.global-content h2.goal_name {
	margin: 16px 0px;
	margin-top: 32px;
	font-size: 18px;
	font-weight: 600;
	color: var(--colorText);
}

.wrap.eq-ui-main {
	margin-left: 0px !important;
	overflow: auto;
}

.wrap.eq-ui-main.employee {
	margin-top: 0px !important;
}

#jstree_search {
	width: 100%;
	border: none !important;
	border-radius: 0px;
	border-bottom: 1px solid #eeeeee !important;
	padding: 8px 0px;
	margin-bottom: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.card-goal-general select {
	border-radius: 0px;
	border: none;
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
	padding: 8px;
}

.goal-title {
	font-size: 14px;
	font-weight: 600;
}

.goal_eta,
.goal_desc,
.goal_metriche {
	margin-top: 8px;
	color: var(--greyColor);
}

.eq-ui-card-supporting-text .sectText {
	padding-bottom: 16px;
	border-bottom: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	padding-left: 16px;
	padding-right: 16px;
}

.eq-ui-card-supporting-text .sectText {
	margin-top: 16px;
}

.eq-ui-card-supporting-text .sectText .goal_desc span,
.eq-ui-card-supporting-text .sectText .goal_metriche span {
	color: #adadad;
	font-style: italic;
}

.eq-ui-card-supporting-text .sectText:first-child {
	margin-top: 0px;
	padding-top: 16px;
}

.eq-ui-card-supporting-text .sectText:last-child {
	border: none;
}

.hr_page {
	margin: 0px;
	display: none;
}

.hr_page .status-dot.orange {
	background-color: orange;
}

.content-title small {
	display: block;
}

.input-comment {
	margin: 0px;
}

.members-container {
	padding: 16px 0;
}

.eq-modal-flex .eq-ui-modal-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#target_kpi:invalid {
	border: none;
  }
  

.eq-modal-flex .eq-ui-modal-header .header-title .section-title {
	float: left;
}

.eq-modal-flex .eq-ui-modal-header .header-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 16px;
}

#emaBackMetis,
#emaBackMetisInd,
#emaOkrBackMetis,
#emaDevPlanBackMetis,
.board-backer {
	margin-right: 16px;
}

.expandSection {
	position: absolute;
	right: -35px;
	background-color: #f5f5f5;
	padding: 4px 6px;
	padding-left: 4px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 44px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	cursor: pointer;
	-webkit-box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.1);
	box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.1);
}

.expandSection i {
	color: #4a4a4a;
}

#emaBackMetis span,
#emaBackMetisInd span,
#emaOkrBackMetis span,
.emaBackMetis span,
.board-backer span {
	color: #ffffff;
}

.tree-search-cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 15px;
	margin: 16px 0px;
}

.teams-container {
	-webkit-transition: width 1s ease-in-out;
	-o-transition: width 1s ease-in-out;
	transition: width 1s ease-in-out;
	margin: 16px;
}

.small-teams-container {
	width: 500px;
	display: inline-block;
	float: left;
	border-right: 1px solid #f5f5f5;
	padding-right: 16px;
	z-index: 100;
	padding-left: 16px;
	position: relative;
	margin-left: -500px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;
}


@media(max-width:600px) {
	.small-teams-container {
		width: 90%;
		display: inline-block;
		float: left;
		border-right: 1px solid #f5f5f5;
		padding-right: 16px;
		z-index: 100;
		padding-left: 16px;
		position: relative;
		margin-left: -90%;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-transition: all 0.15s linear;
		-o-transition: all 0.15s linear;
		transition: all 0.15s linear;
	}
}

.eq-ui-dropdown li {
	height: auto;
}

.small-teams-container.openSide {
	margin-left: 0px;
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;
}

.graphContainerSect {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.graph-area {
	display: inline-block;
	width: 100%;
	background-color: transparent;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.hidden-graph {
	display: none;
}

.jstree-default .jstree-anchor {
	height: 42px !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.jstree-default .jstree-node {
	min-height: 42px !important;
	line-height: normal !important;
	margin-left: 16px !important;
}

.jstree-default .jstree-node#j1_1 {
	margin-left: 0px !important;
}

.jstree-default .jstree-themeicon {
	background-position: -260px -4px;
	display: none;
}

.jstree-icon.jstree-ocl {
	/*display: none !important;
    */
}

.list-circle {
	margin-right: 10px;
}

.jstree-default .jstree-themeicon {
	display: none !important;
}

.top-bar-avatar {
	width: 38px;
	height: 38px;
	-o-object-fit: cover;
	object-fit: cover;
}

#tree-area.jstree-default .jstree-node.jstree-node[aria-level="1"] {
	margin-left: 0px !important;
}

.listdesc {
	display: block;
	font-size: 12px;
}

.cell-list-cont .listdesc {
	margin-left: 24px;
}

.cell-list-cont {
	margin-left: 16px;
	line-height: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#tree-area {
	overflow-y: auto;
	height: calc(100vh - 240px);
	border: 1px solid #eeeeee;
}

.user_section.eq-ui-card {
	padding: 16px;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.fakeInputContainer {}

table.table th.widthFirstColumn,
table.table td.widthFirstColumn {
	max-width: 65px !important;
}

td.cell-svr {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
}

ul#member-list {
	max-height: 300px;
	overflow: auto;
}

.containerListNewGroup {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 16px;
	height: 100%;
}

.containerListNewGroup.endSect {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: end;
}

tr h6.empl-list-template-name {
	margin-bottom: 0px;
}

ul#member-list li.empl_search {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 16px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.autocomplete-suggestion div.empl_search {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 16px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: left;
}

.empl_search h6.okr_h6 {
	margin: 0;
	line-height: 40px;
}


#modal-create-team .eq-ui-card-title {
	padding: 0px;
}

#modal-create-team table.eq-ui-data-table td {
	overflow: visible !important;
}

#modal-create-team table.eq-ui-data-table thead tr th,
#modal-create-team table.eq-ui-data-table tbody tr td {
	height: auto;
}

#modal-create-team .empl-list-template-img {
	height: 42px;
	width: 42px;
	-o-object-fit: cover;
	object-fit: cover;
}

#modal-create-team .eq-ui-modal-content {
	height: calc(100% - 51px);
}

table.eq-ui-data-table thead tr th,
table.eq-ui-data-table tbody tr td {
	padding: 10px !important;
}

.fakeInputContainer .fakeInputLabel {
	font-size: .8rem;
	color: rgba(0, 0, 0, 0.76);
	font-weight: 400;
}

.fakeInputContainer .fakeInputElement {
	min-height: 3rem !important;
	font-size: 16px;
	line-height: 1.5;
	background-color: transparent;
	border: none;
	color: rgba(0, 0, 0, 0.26);
	border-bottom: 1px dotted rgba(0, 0, 0, 0.26);
	border-radius: 0;
	outline: none;
	width: 100%;
	margin: 0 0 15px 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 16px;
}

.fakeInputContainer .fakeInputElement .addressType {
	font-size: .8rem;
}

span.cell-color {
	width: 32px;
	height: 32px;
	display: inline-block;
	border-radius: 50%;
	vertical-align: middle;
}

span.cell-team-color {
	display: inline-block;
	border-radius: 50px;
	line-height: 18px;
	color: black;
	margin-left: 10px;
	text-align: center;
	font-size: 12px;
	padding: 2px 7px;
}

i.jstree-icon.jstree-ocl {
	display: none;
}

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
	background-image: inherit !important;
}

.jstree-open,
.jstree-closed {
	border-left: 4px solid black;
}

.jstree-node.color_039BE5 {
	border-left: 4px solid #039BE5;
}

.jstree-node.color_aeaeae {
	border-left: 4px solid #aeaeae;
}

.jstree-node.color_BC4B51 {
	border-left: 4px solid #BC4B51;
}

.jstree-node.color_6e6670 {
	border-left: 4px solid #6e6670;
}

.jstree-node.color_5b8e7D {
	border-left: 4px solid #5b8e7D;
}

.jstree-node.color_8cb369 {
	border-left: 4px solid #8cb369;
}

.jstree-node.color_4465C0 {
	border-left: 4px solid #6e6670;
}

.jstree-node.color_f69b7f {
	border-left: 4px solid #F69b7f;
}

.jstree-node.color_ff0b00 {
	border-left: 4px solid #ff0b00;
}

.jstree-node.color_97A1AB {
	border-left: 4px solid #97A1AB;
}

.jstree-node.color_A3C9CF {
	border-left: 4px solid #A3C9CF;
}

.jstree-node.color_B1E9F0 {
	border-left: 4px solid #B1E9F0;
}

.jstree-node.color_CDCDCD {
	border-left: 4px solid #CDCDCD;
}

.jstree-node.color_FDBA88 {
	border-left: 4px solid #FDBA88;
}

.jstree-node.color_CE93D8 {
	border-left: 4px solid #CE93D8;
}

.jstree-node.color_B39DDB {
	border-left: 4px solid #B39DDB;
}

.jstree-node.color_90CAF9 {
	border-left: 4px solid #90CAF9;
}

.jstree-node.color_80CBC4 {
	border-left: 4px solid #80CBC4;
}

.jstree-node.color_A5D6A7 {
	border-left: 4px solid #A5D6A7;
}

.jstree-node.color_FFF59D {
	border-left: 4px solid #FFF59D;
}

.containerNameList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

li.jstree-node {
	margin-bottom: 4px;
}

span.listname {
	font-weight: 500;
}

.is_head .circle {
	border: 1px solid yellow;
}

.is_team_li span.listname:first-of-type {
	position: relative;
	font-size: 16px;
	top: 0px;
}

.userlistname {
	font-size: 14px;
}

span.listteamcolor {
	position: relative;
}

.jstree-default .jstree-clicked {
	background: none !important;
	border-radius: 2px;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.jstree-default .jstree-clicked .listname:first-of-type {
	/*background: #beebff;
    */
	border-bottom: 1px solid #ababab;
	border-radius: 0px;
	/* box-shadow: inset 0 0 1px #999;
    */
}

.jstree-default .jstree-hovered {
	background: none !important;
	border-radius: 2px;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

/* .jstree-hovered .listname:first-of-type,.jstree-hovered .userlistname:first-of-type {
     opacity: 0.7;
}
 */
.containerTreeModal {
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

.containerHeader-m-t {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 8px 16px;
	background-color: #f5f5f5;
	gap: 8px;
}

.containerListll {
	padding: 16px;
}

.containerListll ul {
	margin: 0;
}

.containerListll ul li {
	margin-bottom: 8px;
}

.containerButtonShare {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px;
}

span.graph-title {
	font-size: 24px;
	font-weight: 500;
}

.graph-title-cont {
	margin-bottom: 16px;
	margin-top: 8px;
}

.employee .employee-container {
	margin: 16px;
	position: relative;
	display: block;
}

.employee .employee-container.employeeManagement {
	margin: 0;
	width: 100%;
}

#hr_home_page .hr-card-container .hr-card .hrCard-icon-container {
	background-image: -o-linear-gradient(110deg, #1279ab 0%, #025095 100%);
	background-image: linear-gradient(-20deg, #1279ab 0%, #025095 100%);
}

.graph-title-cont span {
	font-weight: 600;
}

.shift-left {
	right: 32px;
}

#graph-area hr {
	margin: 7px 0px;
}

.graph-title {
	cursor: pointer;
}

#graph-area {
	height: calc(100vh - 104px);
	background-color: #f5f5f5;
	background-image: url("/subsites/apps/casale/assets/img/bg-graph.png");
	background-size: 20%;
	background-attachment: fixed;
	background-position: center;
}

i.mdi.mdi-download.download-as-pdf {
	cursor: pointer;
	padding: 0 16px;
	font-size: 24px;
	padding-top: 16px;
}

.new-modal-header {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.new-modal-header .header-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.new-modal-header .header-title i {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.hr_employee_profile_page .topEmployeeColumn.imageContainer {
	min-width: 130px;
}

.hr_employee_profile_page h3.sectionTitle {
	margin-top: 0px;
	margin-bottom: 16px;
}

.hr_employee_profile_page .topEmployeeColumn.imageContainer {
	min-width: 130px;
}

.hr_employee_profile_page .topEmployeeColumn.imageContainer img {
	height: 130px;
	width: auto;
}

#hr_employee_page .employee-container .topEmployeeContainer .topEmployeeColumn.imageContainer img {
	width: auto !important;
	height: 125px;
}

.hr_employee_profile_page .containerGlobalInfoProfile #full_name {
	font-size: 32px;
	font-weight: 600;
	line-height: normal;
}

.hr_employee_profile_page .containerGlobalInfoProfile #username {
	margin-bottom: 16px;
}

.hr_employee_profile_page .containerGlobalInfoProfile .jobRoleCont {
	color: #4a4a4a;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.hr_employee_profile_page .containerGlobalInfoProfile .jobRoleCont .profile-field-value {
	margin-left: 8px;
}

.hr_employee_profile_page .containerGlobalInfoProfile .locationCont {
	color: #4a4a4a;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 8px;
}

.hr_employee_profile_page .containerGlobalInfoProfile .locationCont .profile-field-value {
	margin-left: 8px;
}

.hr_employee_profile_page p#workaddress,
.hr_employee_profile_page p#workphone,
.hr_employee_profile_page p#workmobile,
.hr_employee_profile_page p#aboutemail {
	margin-bottom: 16px;
}

.hr_employee_profile_page h3.sectionTitle {
	font-weight: 600 !important;
	font-size: 18px !important;
	color: #4a4a4a !important;
}

.hr_employee_profile_page .actionBar {
	-webkit-box-shadow: 2px 2px 10px rgb(0 0 0 / 15%);
	box-shadow: 2px 2px 10px rgb(0 0 0 / 15%);
	height: 52px;
	padding: 0px 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #ffffff;
}

.hr_employee_profile_page .employee {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: calc(100vh - 104px);
	overflow: auto;
}

.hr_employee_profile_page .headerSectionProfilePage {
	-webkit-box-shadow: 2px 2px 10px rgb(0 0 0 / 15%);
	box-shadow: 2px 2px 10px rgb(0 0 0 / 15%);
	padding: 16px;
	height: auto;
	z-index: 1;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0088C7), to(#005095));
	background-image: -o-linear-gradient(top, #0088C7 0%, #005095 100%);
	background-image: linear-gradient(180deg, #0088C7 0%, #005095 100%);
}

.hr_employee_profile_page .headerSectionProfilePage .headerSectionProfilePageContainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.hr_employee_profile_page .employee-container {
	background-color: #f5f5f5;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.hr_employee_profile_page .headerSectionProfilePage .containerGlobalInfoProfile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-left: 16px;
}

.hr_employee_profile_page .headerSectionProfilePage .containerGlobalInfoProfile .containerButtonsHeaderProfile {
	position: relative !important;
	right: 0;
	bottom: 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.hr_employee_profile_page .headerSectionProfilePage .containerGlobalInfoProfile .containerButtonsHeaderProfile a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-top: 8px;
}


.hr_employee_profile_page .headerSectionProfilePage .containerGlobalInfoProfile .containerButtonsHeaderProfile a.buttonSlackEmployee {
	margin-top: 0px !important;
	padding: 4px 16px;
	background-color: #ffffff !important;
	color: #025095 !important;
}

#jobdprofile p {
	margin-bottom: 16px;
}


.hr_employee_profile_page .headerSectionProfilePage .containerGlobalInfoProfile a span.buttonEditEmployeeLabel {
	margin-left: 8px;
}

.hr_employee_profile_page .employee-container .containerInfoProfile {
	background-color: #ffffff;
	-webkit-box-shadow: 2px 2px 10px rgb(0 0 0 / 15%);
	box-shadow: 2px 2px 10px rgb(0 0 0 / 15%);
	margin-top: 16px !important;
	margin-bottom: 16px !important;
	padding: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 16px;
}

.topEmployeeContainer,
.containerTeamProfile {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

#hr_employee_profile_page .topEmployeeContainer,
.containerTeamProfile #allteams {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 8px;
	margin-top: 16px;
}

#hr_employee_profile_page .topEmployeeContainer {
	margin-top: 0px;
}

.hr_employee_profile_page .actionBar a.styleIconBack {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.hr_employee_profile_page .actionBar span.labelAction {
	margin-left: 8px;
}

.boc-toolbar-container {
	right: auto;
	left: 20px;
	width: 40px;
}

.eq-ui-card-menu.empl-menu {
	position: relative;
	top: -55px;
	z-index: 1001;
	right: 16px;
}

.cell-lastName {
	padding-left: 7px;
}

.label_team {
	text-decoration: underline;
	color: #025095;
}

.person_role {
	font-weight: 600;
}

#hr_employee_profile_page .employee .employee-container,
#employee_profile_modal .employee .employee-container,
#hr_colleagues_page .employee .employee-container {
	margin-top: 16px;
}

.mdi-check {
	color: #1bbc9b;
}

.eq-ui-modal-header .mdi-check {
	background-color: #1bbc9b;
	color: white;
}
.eq-ui-modal-header .mdi-check:hover {
	background-color: #18a084;
	color: white;
}

#modal-import-user.eq-ui-modal.eq-ui-modal-fixed .eq-ui-modal-content {
	height: calc(100% - 52px);
}

#teams-tree .treeItem {
	padding: 3px;
}

#teams-tree .treeItem:hover {
	background-color: #f1f1f1;
	cursor: pointer;
}

.drag-td {
	text-align: center !important;
	width: 40px;
}

.sortable-placeholder {
	width: 100%;
}

.ui-sortable-helper td {
	display: none;
}

.ui-sortable-helper {
	background-color: white;
	opacity: 0.9;
}

.ui-sortable-helper .drag-td {
	display: inline-block;
	width: 40px;
}

.ui-sortable-helper .serviceName {
	display: inline-block;
	width: 50%;
}

.ui-sortable-helper .serviceCategory {
	display: inline-block;
	width: 300px;
}

.boc-chart-menu div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.inline-menu-icon {}

.cell-svr .circle {
	background-size: cover;
	background-position: center;
}

.material-icons-switch {
	cursor: pointer;
	top: 2px;
	position: relative;
}

.autocomplete-icon {
	width: 45px;
}

.autocomplete-icon .material-icons {
	vertical-align: middle;
}

#modal-create-okr .eq-ui-modal-content {
	height: calc(100% - 52px);
}

#okr_all_options .single_option,
#archive_okr_container {
	margin-top: 20px;
}

#okr_dest_list_container #okr_dest_list .inline-user {
	background: white;
	border: #111;
	padding: 8px;
	-webkit-box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}

#okr_dest_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 8px;
	margin-top: 0px;
}

.inline-user {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	padding: 10px 0;
}

.dest-remove {
	cursor: pointer;
}

.dest-label {
	display: block;
	font-weight: 500;
	padding: 10px 0;
	text-decoration: underline;
}

.cell-quarter.new {
	cursor: pointer;
	color: #fca260;
}

.cell-quarter.in_progress {
	cursor: pointer;
	color: #66BB6A;
}

.cell-quarter.complete {
	cursor: pointer;
	color: #1bbc9b;
}

.cell-quarter.blocked {
	cursor: not-allowed !important;
}

#eq-ui-modal-confirm-user-form .eq-ui-select-wrapper .eq-ui-dropdown {
	max-height: none !important;
	min-height: auto !important;
}

.accordion-icon {
	vertical-align: text-bottom;
	margin-right: 16px;
}

#modal-performance .eq-ui-modal-content {
	height: calc(100% - 52px);
}

.dev_action {
	text-decoration: underline;
	position: relative;
	left: 0px;
	margin-bottom: 10px;
}

.dev_action_cont {
	position: relative;
	top: -24px;
}

.containerSubheader {}

.menu-with-select {
	top: 2px !important;
}

foreignObject body {
	visibility: visible;
	height: auto !important;
}

.eq-ui-form-group.new-role-container {
	margin-bottom: 0;
}

.next-text-autocomplete-cont {
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
	position: relative;
	top: 0px;
}

.remove-role {
	padding: 4px 0px 0 10px;
}

.bottomEmployeeContainerColumn .bottomEmployeeColumnDouble {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-height: 500px;
}

.bottomEmployeeColumnTriple {
	width: calc(100% - 16px);
}

/* .circle_val_row{
     height: 150px;
}
 */
.risk-dot,
.risk-mit-dot {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-block;
	font-size: 11px;
	color: white;
	text-align: center;
	line-height: 30px;
}

.circle_val {
	display: inline-block;
	border-radius: 50%;
	color: white;
	font-weight: 600;
	font-size: 18px;
	width: 80px;
	height: 80px;
	text-align: center;
	line-height: 80px;
}

.circle_val.gray,
.risk-dot.gray,
.risk-mit-dot.gray {
	background-color: #756e6e;
}

.circle_val.red,
.risk-dot.red,
.risk-mit-dot.red {
	background-color: red;
}

.circle_val.green,
.risk-dot.green,
.risk-mit-dot.green {
	background-color: green;
}

.circle_val.orange,
.risk-dot.orange,
.risk-mit-dot.orange {
	background-color: orange;
}

.approval_warning {
	color: orange;
}

#deputy-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 16px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.employee-detail-thumb {
	width: 175px;
	height: 175px;
	border-radius: 50%;
	background-position: center;
	background-size: cover;
	display: inline-block;
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}

foreignObject.node__info body {
	height: 70px !important;
}

.eq-ui-modal-top-sheet .eq-ui-modal-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#hr_employee_profile_page .containerGlobalInfoProfile #full_name {
	color: #fff !important;
	font-size: 38px;
}

#hr_employee_profile_page .containerGlobalInfoProfile #username {
	color: #fff !important;

}

#hr_employee_profile_page .containerGlobalInfoProfile .locationCont,
#hr_employee_profile_page .containerGlobalInfoProfile .locationCont a {
	color: #fff !important;
}

#modal-performance .eq-ui-modal-content ul.eq-ui-collapsible {
	margin: 0px;
}

#modal-performance-title {
	font-size: 26px;
	margin-bottom: 16px;

}


@media (max-width:768px) {

	.hr_page .eq-ui-card,
	.hr_page .eq-ui-main {
		margin: 0px;
	}

	#modal-performance-title {
		max-width: 100%;
		white-space: normal;
		overflow: visible;
		font-size: 18px;
		line-height: normal;
	}

	.okr-confirm .eq-ui-nav-menu-item-icon {
		display: flex;
		gap: 4px;
		align-items: center
	}

	.rate-section-rating label.ach-stat {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	.table-to-scroll {
		overflow: auto;
	}

	.table-to-scroll table {
		min-width: 1000px;
	}

	.hr_employee_profile_page .employee-container .containerInfoProfile {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	#modal-edit-job-role-description .containerTextArea,
	#modal-edit-job-description .containerTextArea {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}


	.custom-team-menu {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		background-color: #ffffff;
		padding: 16px;
		position: absolute;
		right: 0px;
		top: 52px;
		-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
		box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
		gap: 0px;
	}

	.custom-team-menu .graph-actions.dyn-menu-header,
	.custom-team-menu span.ul_region {
		display: none;
	}

	.open-ul-mobile {
		display: block !important;
		right: 6px;
		position: absolute;
	}

	#hr-nav-bar i.open-ul-mobile {
		display: none !important;
	}

	.custom-team-menu {
		display: none;
	}

	#talent_actions {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.fakeInputContainer .fakeInputElement#addresses {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.fakeInputContainer .fakeInputElement#addresses>div {
		width: 100%;
	}
}

.doflex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#roles-list,
#roles-list-copy,
#skills-list {
	height: 100%;
}

.material-icons-switch-globals {
	cursor: pointer;
}

.material-icons-info {
	font-size: 16px;
	vertical-align: sub;
	color: black;
	cursor: pointer;
	color: #444;
}

.ntab {
	cursor: pointer;
	font-weight: normal;
	font-size: 14px;
	padding: 6px 10px;
	border-radius: 10px;
}

.ntab.active {
	background-color: var(--colorPrimary);
	color: #ffffff;
	font-weight: 600
}

table.eq-ui-data-table tbody tr.employee-trainings,
table.eq-ui-data-table thead tr.employee-trainings th,
table.eq-ui-data-table tbody tr.employee-trainings td {
	height: auto;
	min-height: 48px;
}

tr.employee-trainings td.role-status select,
tr.employee-trainings td.role-pay-status select {
	width: 100%;
}

table.table-for-trainings.eq-ui-data-table thead tr th {
	height: auto;
}

span.textUderTh {
	font-size: 12px;
	display: block;

}

.role-status select {
	width: auto;
}

#training_members_cont .table-member-container {
	margin-top: 16px;
}

#training_members_cont .table-member-container tr th {
	color: #4a4a4a;
	padding: 8px 16px;
	background-color: #f5f5f5;
}

#training_members_cont .table-member-container tr td {
	padding: 8px 16px;
	background-color: #ffffff;
	border-bottom: 1px solid #f5f5f5;
}

.table-member-container-mytraining {
	margin-top: 16px;
}

.table-member-container-mytraining tr th {
	color: #4a4a4a;
	padding: 8px 16px;
	font-size: 14px;
	background-color: #f5f5f5;
}

.table-member-container-mytraining tr td {
	padding: 8px 16px;
	background-color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	border-bottom: 1px solid #f5f5f5;
}

#training_members_cont.eq-ui-modal-content {
	height: calc(100% - 51px);
}

#training_members_cont .titlesect-trmemb {
	margin-top: 16px;
	font-size: 14px;
	font-weight: 600;
}

.dot_status {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 8px;
	cursor: pointer;
}

.dot_status span {
	padding: 2px 8px;
	border-radius: 18px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
}

.dot_members {
	background-color: #1bbc9b;
}

.dot_members span {
	padding: 2px 8px;
	border-radius: 18px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	display: inline-block;
	background-color: #1bbc9b;
}

.dot_approved {
	background-color: #1bbc9b;

}

.dot_toapprove {
	background-color: #fa7410;
}

.dot_rejected {
	background-color: #f3565d;

}

.hovercellclick {
	cursor: pointer;
}

.hovercellclick:hover {
	background-color: #f5f5f5;
}

table.eq-ui-data-table.eq-ui-hoverable.table-for-trainings>tbody>tr:hover {
	background-color: transparent;
}

#training_costs_per_person_cont .dyn-row {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 32px;
	border: 1px solid #eeeeee;
	padding: 8px 16px;
	margin-bottom: 8px;
	background-color: #f5f5f5;
}

#training_costs_per_person_cont .eq-ui-input-field,
#training_costs_per_person_cont .eq-ui-input-field input {
	margin: 0px;
}

#training_costs_per_person_cont .dyn-row .training_members_name_and_cdc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 33%;
}

#training_costs_per_person_cont .dyn-row .training_members_name_and_cdc .training_members_cdc {
	font-size: 14px;
	margin-top: -2px;
	color: var(--colorText);
}

#training_costs_per_person_cont .dyn-row .training_members_name_and_cdc .training_members_name {
	font-weight: 600;
}

#training_costs_cont.eq-ui-modal-content {
	height: calc(100% - 51px);
}

#training_costs_per_person_cont .inputCostTr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 16px;
}

#training_costs_per_person_cont .inputCostTr span {
	font-size: 14px;
	font-weight: 400;
	white-space: nowrap;
}

#training_costs_per_person_cont .inputCostTr input {
	margin-bottom: 0px;
	text-align: right;

}

.circleViewer {
	background-size: cover;
	background-position: center;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
}

#okr_members .dyn-row {
	border-bottom: 1px solid #fff;
}

#okr_members .dyn-row:hover {
	border-bottom: 1px solid #ccc;
}

.viewer-remove {
	cursor: pointer;
}

.role-final-cost {
	vertical-align: super;
}

.cell-underscore {
	text-decoration: underline;
}

.training_members_expenses_val {
	width: 60px;
	vertical-align: text-top !important;
	margin-top: 0px !important;
}

.training_members_expenses_cur {
	width: 100px;
	vertical-align: top;
}

.banding-row .eq-ui-loader-ring {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -40px;
	width: 40px;
	height: 40px;
}

.banding-row .eq-ui-loader-ring-light {
	width: 40px;
	height: 40px;
	border-radius: 240px;
	box-shadow: 0 4px 0 #1bbc9b inset;
	animation: rotate-360 2s linear infinite;
}

.banding-row .eq-ui-loader-ring-track {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	border-radius: 240px;
	box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1) inset;
}

.banding-row input {
	width: 80px;
}

#salary_simulation h3 {
	font-size: 20px;
	font-weight: 500;
	padding: 10px 0px 0 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.personal_notes {
	float: right;
	background-color: #eee;
	padding: 10px 10px 5px;
	border-radius: 50%;
}


.incoming-cell-quarter,
.cell-quarter,
.self-cell-quarter {
	display: inline-block;
	font-size: 10px;
	cursor: pointer;
}

.cell-quarter.btn {
	font-size: 14px;
}

.blocked {
	cursor: not-allowed !important;
}

.set_appointment {
	cursor: pointer;
	text-decoration: underline;
}

.report-perfomance .statusCircle {
	display: inline-block;
	margin: 0 1px;
}

.graycol {
	/*background-color: #f5f5f5;*/
}

.role-line {
	cursor: pointer;
	text-decoration: underline;
}

.b-title {
	font-weight: 500;
}

.load-budget div {
	margin-top: 20px;
}

.edit-budget-action {
	font-size: 20px;
	margin-left: 10px;
	cursor: pointer;
}

#riskattention {
	background-color: red;
	color: white;
	padding: 10px;
	font-size: 20px;
	width: 100%;
	font-weight: 500;
	border-radius: 3px;
}

.okr_progress_metric_cont,
.okr_outcome_metric_cont {
	display: none;
}

.okr_progress_metric_cont.mandatory,
.okr_outcome_metric_cont.mandatory {
	display: block;
}

.show-performance-report {
	font-size: 14px;
	font-weight: initial;
	text-decoration: underline;
}

.eq-ui-textarea-new {
	display: block;
	font-size: 16px;
	line-height: 1.5;
	color: #424242;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #9e9e9e;
	border-radius: 0;
	outline: none;
	height: 3rem;
	width: 100%;
	margin: 0 0 15px 0;
	padding: 0;
	box-shadow: none;
	box-sizing: content-box;
	transition: all .3s;
	overflow-y: hidden !important;
	resize: none;
	padding: 12px 0;
}

.start_performance_review {
	display: block;
	width: 200px;
}

.eq-ui-add-next-responsability-line {
	margin-top: 16px;
}

span.resp-subtitle {
	font-weight: 600;
	font-size: 18px;
}

.resp-panel {
	padding: 16px 0;
}

#dropdown-action {
	float: right;
}

.bg-drop-active:hover {
	background-color: #e1e1e1 !important;
	background-image: none !important;
}


.dropdown-action-task {
	margin-top: 24px;
}

.responsability_tasks_cont {}

.responsability_tasks_cont_flex {
	display: flex;
	margin-top: 16px;
	align-items: center;
}

.responsability_tasks_cont.input-container-text {
	margin-top: 16px;
}

span.remove-responsability-task {
	padding-top: 24px;
}

.add-responsability-task {
	margin-top: 40px;
}

.remove-responsability .mdi {
	vertical-align: sub;
}

.inside-panel {
	background-color: #fafafa;
	padding: 16px;
	border: #ccc 1px solid;
}

.inside-panel input {
	background-color: #fafafa;
}

.job_tasks_area {
	padding-bottom: 16px;
}

.skill-employees {
	width: 500px;
}

.insertSkillForm {
	padding: 0 16px;
}

.inline-skill,
.expected-skill {
	width: 90px;
	height: max-content;
}

.add-skill-inline {
	margin-top: 28px;
}


#skill-legenda {
	background-color: #f1f1f1;
	padding: 0 22px 10px;
	text-transform: uppercase;
	font-weight: 500;
	display: flex;
	font-size: 14px;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
}

#all-skills-table {
	margin-top: 16px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	border-collapse: collapse;
	background-color: #fff;
	overflow: scroll;
}

#all-skills-table thead,
.theadlike {
	background-color: #fff;
	border-top: none;
}

#all-skills-table thead tr th {
	font-size: 15px;
	color: rgba(0, 0, 0, 0.54);
	line-height: 24px;
	letter-spacing: 0;
	border-bottom: none;
}

#all-skills-table .trlike .thlike {
	font-size: 15px;
	color: rgba(0, 0, 0, 0.54);
	line-height: 24px;
	letter-spacing: 0;
	/*border-bottom: none;*/
}




#all-skills-table tr td,
#all-skills-table tr th {
	width: 200px;
	min-width: 200px;
	background: #fff;
}

#all-skills-table .trlike .tdlike,
#all-skills-table .trlike .thlike {
	width: 200px;
	min-width: 200px;
	background: inherit;
	/*flex-grow: 1;*/
}

#all-skills-table #headerSkills.trlike .thlike {
	background: white;
}

#all-skills-table tr td:first-child,
#all-skills-table tr th:first-child {
	width: 100%;
	min-width: 300px;
}


#skillstoapprove{
	background-color: green;
    padding: 4px;
    color: white;
	font-size: 12px;
    display: inline-block;
}
#skillstoapprove button{
	font-size: 12px;
}
#all-skills-table .fit-content{
	width: fit-content;
}
#all-skills-table .sticky-col{
	position: sticky;
	left: 0;
	top: 0;
	z-index: 1;
}
#all-skills-table .trlike .tdlike:first-child,
#all-skills-table .trlike .thlike:first-child {
	width: 350px;
	min-width: 350px;
	background: #fff;
	/*flex-grow: 3;*/
	padding-left: 16px;
}

.employee-skill-job th,
.employee-skill-job .thlike {
	background: #f1f1f1 !important;
}

.insertSkillForm {
	background-color: #f1f1f1;
	padding-top: 16px;
}

.thlike,
.tdlike {
	/*border-right: 1px solid #ccc !important;*/
	border-right: 1px solid rgb(37 83 123) !important;
	border-bottom: 1px solid rgb(37 83 123) !important;
}

#headerSkills th {
	border-top: none;
}

#headerSkills .thlike {
	border-top: none;
}

.tobe-col {
	/*background: rgb(37 83 123) !important;
    color: white !important;
    border-left: 1px solid rgb(37 83 123) !important;*/
	border-left: 1px solid rgb(37 83 123) !important;
}

.not-tobe-col {}

.trlike {
	display: inline-flex;
	width: 100%;
}

tr.type-skill td.content-title {
	text-align: left !important;
	font-weight: 600;
}

tr.subtype-skill td.content-title {
	text-align: left !important;
	font-weight: 500;
}

.trlike.type-skill .tdlike.content-title {
	text-align: left !important;
	font-weight: 600;
}

.trlike.subtype-skill .tdlike.content-title {
	text-align: left !important;
	font-weight: 500;
}



#skill-to-scroll.table-to-scroll {
	/*height: calc(100vh - 323px);*/
	margin-bottom: 20px;

}

#modal-performance-appointment .eq-ui-modal-content {
	margin-top: 51px;
	height: calc(100% - 50px);
}

#all-skills-table {
	position: relative;
	height: calc(100vh - 465px);
	display: block;

}

#all-skills-table .theadlike {
	position: sticky;
	top: 0;
}

/*.skill_type_technical_skills related to the profession{
	
}*/

.thlike,
.tdlike {
	display: flex;
	padding: 8px;
	border-bottom: 1px solid transparent;
	justify-content: space-between;
}

.table .thlike {
	font-weight: bold;
}

.role-content-title {
	height: 40px;
}

.role-members {
	cursor: pointer;
}

#jd-members-list li {
	list-style: disc;
}

.tobe-col {
	/*background-color: bisque !important;*/
}

#skills_roles_template .thlike.dyn-cell {
	background: #26537b !important;
	color: white;
}

.dyn-filter-container {
	padding: 16px 16px 0 16px;
}

#add-budget-containerHC .dyn-filter-container {
	padding: 16px 16px 0 16px;
	background: #f1f1f1;
}


.page-instructions {
	margin: 10px 0;
	display: block;
	font-weight: 500;
}

#all_roles {
	min-height: calc(100vh - 136px);
}


.perf_subtitle {
	font-size: 20px;
    font-weight: 500;
    margin: 0px 0 10px 0;
}

@media (max-width: 1460px) {

	.hide-on-mobile-budget {
		display: none !important;
	}
}

@media (max-width:768px) {

	.hide-on-mobile {
		display: none !important;
	}

	.mobile-scroller {
		overflow: scroll;
		height: calc(100vh - 100px);
	}

	#all-skills-table {
		position: relative;
		height: calc(100vh);
		display: block;
	}
}

.inline-skill-under {
	background: #ff5151;
}

.inline-skill-over {
	background: yellow;
}
.reopen_this_perf{
	text-decoration: underline;
	cursor: pointer;
	color:var(--colorPrimary)
}

.inline-skill-expected {
	/*background: greenyellow;*/
}

.skill-dev-action {
	vertical-align: top;
	cursor: pointer;
}
.trumbowyg-editor strong {
    font-weight: bold !important;
}

.budget-tag{
	border-radius: 10px;
	border: 1px solid #ccc;
	padding: 5px 10px;
	margin-left:10px;
	font-size: 16px;
	font-weight: 500;
	margin-right: 16px;
}
.trumbowyg-editor ul li {
	list-style: inherit;
}

tbody#people-list {
	height: auto;
}

td .budget-name {
	display: block;
	/* width: 100px; */
	text-overflow: ellipsis;
	overflow: hidden;
}

span.cdc-line {
	display: block;
	padding-left: 34px;
}

#riskattention {
	display: none;
	margin-bottom: 20px;
}

#risk_actions {
	height: 120px !important;
}

#riskattention.high_risk,
#riskattention.retirement {
	display: block;
}

.eq-ui-card.eq-ui-card-with-table .eq-ui-card-title {
	padding: 16px;
}

.manage_performance_responsible {
	vertical-align: sub;
	padding: 5px;
	cursor: pointer;
}

.perf-no-icon {
	padding: 10px;
}


.predevaction {
  display: inline-block;
  font-weight: 500;
}

.role-title-cont{
	line-height: 30px;
}

.pp-panel {
    padding: 10px 10px 20px 10px;
    background: #f1f1f1;
    margin: 10px 0;
    box-shadow: 0 5px 5px #bfbbbb;
}

.pp-panel .eq-ui-collapsible-body{
	background-color: white;
}

/* Employee Dashboard Styles */
.employee-dashboard {
	display: flex;
	gap: 24px;
	padding: 0px;
	min-height: 70vh;
}

.dashboard-left-column {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.dashboard-right-column {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.dashboard-card {
	background: white;
	border-radius: 8px;
	padding: 20px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	border: 1px solid #e0e0e0;
	position: relative;
	display: flex;
	flex-direction: column;
}

.dashboard-card-title {
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 16px 0;
	color: #333;
}

/* OKR Styles */
.okr-metrics {
	display: flex;
	gap: 32px;
	margin-bottom: 24px;
}

.okr-metric {
	display: flex;
	align-items: center;
	gap: 12px;
}

.okr-label {
	font-weight: 600;
    color: #424242;
}

.progress-circle {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 12px;
	color: white;
	position: relative;
}

.progress-circle.strategic {
	background: conic-gradient(#4285f4 0deg 283deg, #e8eaed 283deg 360deg);
}

.progress-circle.operative {
	background: conic-gradient(#4285f4 0deg 219deg, #e8eaed 219deg 360deg);
}

.progress-circle.thoda {
	background: conic-gradient(#4285f4 0deg 283deg, #e8eaed 283deg 360deg);
}

.progress-circle.thoda-high {
	background: conic-gradient(#4285f4 0deg 320deg, #e8eaed 320deg 360deg);
}

.progress-circle.job {
	background: conic-gradient(#9aa0a6 0deg 219deg, #e8eaed 219deg 360deg);
}

.progress-circle.job-low {
	background: conic-gradient(#9aa0a6 0deg 71deg, #e8eaed 71deg 360deg);
}

.progress-value {
	background: white;
	border-radius: 50%;
	width: 46px;
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #333;
	font-size: 10px;
	font-weight: 600;
}

.okr-items {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.okr-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px;
	border-radius: 6px;
	background: #f8f9fa;
}

.okr-text {
	flex: 1;
	color: #333;
}

.okr-status {
	font-size: 12px;
	padding: 4px 8px;
	border-radius: 12px;
	font-weight: 500;
}

.okr-item.ongoing .okr-status {
	background: rgb(250, 116, 16);
	color: white;
}

.okr-item.closed .okr-status {
	background: rgb(27, 188, 155);
	color: white;
}

.okr-icon {
	margin-left: 8px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ongoing-icon {
	background: #e3f2fd;
}

.closed-icon {
	background: #ffebee;
}

/* Performance Styles */
.performance-sessions {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.performance-session {
	background: white;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	border: 1px solid #e0e0e0;
	overflow: hidden;
}

.session-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px;
	cursor: pointer;
	transition: background-color 0.2s;
}

.session-header:hover {
	background-color: #f8f9fa;
}

.session-info {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.session-label {
	font-weight: 600;
	color: #333;
}

.session-type {
	font-size: 12px;
	color: #666;
}

.session-summary {
	display: flex;
	align-items: center;
	gap: 16px;
}

.session-total {
	font-size: 12px;
	color: #666;
	font-weight: 500;
}

.toggle-arrow {
	font-size: 14px;
	color: #666;
	transition: transform 0.2s;
	user-select: none;
}

.toggle-arrow.expanded {
	transform: rotate(180deg);
}

.thoda-details {
	padding: 0 16px 16px 16px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	border-top: 1px solid #f0f0f0;
	background: #fafafa;
}

.thoda-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px;
	background: white;
	border-radius: 6px;
	border: 1px solid #e0e0e0;
}



.thoda-label {
	font-size: 14px;
	color: #333;
	flex: 1;
	padding-left: 16px;
}

.thoda-right-label{
	width: 75%;
  padding-right: 16px;
  font-size: 14px;
  text-align: right;
  ont-style: italic;
}

.thoda-color-indicator,.eligibility-indicator {
	width: 24px;
  height: 24px;
  border-radius: 50%;
  text-align: center;
  font-size: 12px;
  color: white;
  vertical-align: middle;
  line-height: 24px;
}

.okr-outcome{
	margin-right: 10px;
}

/* Color mapping based on the image */
.thoda-color-indicator.score-0 {
	background-color: rgb(213, 75, 81);
}

.thoda-color-indicator.score-1 {
	background-color: #d54b51;
}

.thoda-color-indicator.score-2 {
	background-color: #fe7e15;
}

.thoda-color-indicator.score-3 {
	background-color: #20c997;
}

.thoda-color-indicator.score-4 {
	background-color: #28c91f;
}

.thoda-color-indicator.score-5 {
	background-color: #198754;
}

.eligibility-indicator.ELIGIBLE{
	background-color: rgb(27, 188, 155);
}
.eligibility-indicator.NOT_ELIGIBLE{
	background-color: rgb(213, 75, 81);
}

.session-metrics {
	display: flex;
	align-items: center;
	gap: 24px;
}

.job-eval {
	display: flex;
	align-items: center;
	gap: 8px;
}

.job-eval-label {
	font-size: 12px;
	color: #666;
}

/* Risk Styles */
.risk-items {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.risk-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.risk-label {
	color: #333;
	font-weight: 500;
}

.risk-indicator {
	width: 12px;
	height: 12px;
	border-radius: 50%;
}

.risk-indicator.gray-risk {
	background: #ccc;
}

.risk-indicator.green-risk {
	background: #4caf50;
}

.risk-indicator.orange-risk {
	background: orange;
}

.risk-indicator.red-risk {
	background: #f44336;
}

/* Talent Styles */
.talent-status {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.status-label {
	color: #333;
	font-weight: 500;
}

.status-indicator {
	width: 12px;
	height: 12px;
	border-radius: 50%;
}

.status-indicator.active {
	background: #4caf50;
}

/* Job Description Styles */
.job-years {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.job-year {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 0;
	border-bottom: 1px solid #f0f0f0;
}

.job-year:last-child {
	border-bottom: none;
}

.year {
	font-weight: 600;
	color: #333;
	min-width: 60px;
}

.job-title {
	color: #666;
	flex: 1;
	text-align: right;
}

.job-title a {
	color: #1976d2;
	text-decoration: none;
}

.job-title a:hover {
	text-decoration: underline;
}

/* Training Styles */
.training-items {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 16px;
}

.training-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 0;
	border-bottom: 1px solid #f0f0f0;
}

.training-item:last-child {
	border-bottom: none;
}

.training-date {
	font-size: 12px;
	color: #666;
	min-width: 80px;
}

.training-title {
	flex: 1;
	color: #333;
	margin: 0 12px;
}

.training-action {
	color: #1976d2;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
}

.training-action:hover {
	text-decoration: underline;
}

/* See All styling for all dashboard cards */
.dashboard-card .see-all {
	margin-top: auto;
	text-align: right;
	padding-top: 12px;
	border-top: 1px solid #f0f0f0;
}

.dashboard-card .see-all-link {
	color: #1976d2;
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
	transition: color 0.2s;
}

.dashboard-card .see-all-link:hover {
	text-decoration: underline;
	color: #1565c0;
}

/* Specific styling for training section (maintain existing) */
.training-card .see-all {
	text-align: right;
	padding-top: 8px;
	border-top: 1px solid #f0f0f0;
}

.training-card .see-all-link {
	color: #1976d2;
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
}

.training-card .see-all-link:hover {
	text-decoration: underline;
}

/* Dashboard Loading and Error States */
.dashboard-loading,
.dashboard-error {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 200px;
	background: #f8f9fa;
	border-radius: 8px;
	margin: 20px;
}

.dashboard-loading p {
	color: #666;
	font-size: 16px;
}

.dashboard-error p {
	color: #d32f2f;
	font-size: 16px;
}

/* Loading animation */
.dashboard-loading::before {
	content: "";
	width: 20px;
	height: 20px;
	border: 2px solid #e0e0e0;
	border-top: 2px solid #1976d2;
	border-radius: 50%;
	animation: spin 1s linear infinite;
	margin-right: 10px;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* Responsive Design */
@media (max-width: 768px) {
	.employee-dashboard {
		flex-direction: column;
		gap: 16px;
		padding: 16px;
	}
	
	.okr-metrics {
		flex-direction: column;
		gap: 16px;
	}
	
	.session-header {
		flex-direction: column;
		gap: 12px;
		align-items: flex-start;
	}
	
	.session-summary {
		align-self: flex-end;
		gap: 12px;
	}
	
	.toggle-arrow {
		position: absolute;
		top: 16px;
		right: 16px;
	}
	
	.thoda-details {
		padding: 12px;
	}
	
	.thoda-item {
		padding: 10px;
	}
	
	.thoda-label {
		font-size: 13px;
	}
	
	.thoda-color-indicator {
		width: 20px;
		height: 20px;
	}
}


.okr-item .okr-parent-code{
  padding: 2px;
  font-size: 12px;
  padding: 4px 8px;
  font-weight: 600;
  text-decoration: underline;
}

.okr-item .okr-strategic-tag{
	background: #025095;
  color: white;
  border-radius: 10px;
  padding: 2px;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 12px;
  font-weight: 500;
}

.okr-item .okr-outcome{
	background: #025095;
  color: white;
  border-radius: 10px;
  padding: 2px;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 12px;
  font-weight: 500;
}

.open-in-stats{
	padding: 2px;
  margin-left: 5px;
}

 #kibana iframe{
		  width: calc(100% - 215px);
	      left: 215px;
		  z-index: 0;
		  position: absolute;
		  height: 100%;
	  }
	  

#kibana iframe.open_sidemenu_mobile{
	width: 100%;
	left: 0px;
}

#eq-ui-modal-dashboard .eq-ui-modal-content{
    margin-top: 53px;
    height: calc(100% - 53px);
    padding: 0px 16px;
    background-color: #f5f5f5;	
}
	  
@media (max-width: 992px){
	  #kibana iframe{
		 left:0px;
		 width:100%;
		 margin-top: 40px;
	}
}


.insertSkillForm .eq-ui-select-wrapper .eq-ui-dropdown{
	max-height:500px;
}


.eq-ui-card-title.budget-total-line {
            display: flex;
            align-items: flex-start;
            gap: 16px;
            padding: 16px;
            background: white;
            border-bottom: 1px solid #dee2e6;
            position: relative;
        }

 .budget-total-line       .eq-ui-card-title-text {
            display: flex;
            align-items: stretch;
            gap: 12px;
            width: 100%;
            margin: 0;
            font-size: 14px;
        }

 .budget-total-line #budget-team-nameHC, .budget-total-line #budget-team-nameHCForecast {
            text-decoration: underline;
            flex-grow: 3;
            align-self: center;
            font-weight: 600;
            color: #212529;
            min-width: 150px;
        }

  .budget-total-line       .budget-tag {
            flex: 1;
            background: white;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            overflow: visible;
            display: flex;
            flex-direction: column;
            min-width: 220px;
            position: relative;
        }

 .budget-total-line        .budget-tag-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            background: #f8f9fa;
            padding: 10px 12px;
            border-bottom: 2px solid #e9ecef;
            cursor: pointer;
            user-select: none;
            transition: background 0.2s;
        }

 .budget-total-line        .budget-tag-header:hover {
            background: #e9ecef;
        }

  .budget-total-line       .budget-tag-name {
            font-size: 14px;
            font-weight: 600;
            color: #495057;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

  .budget-total-line       .budget-tag-total-wrapper {
            padding: 4px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
        }

  .budget-total-line       .budget-tag-total-label {
            font-size: 13px;
            font-weight: 600;
            color: #6c757d;
            text-transform: uppercase;
        }

 .budget-total-line        .budget-tag-total-amount {
            font-size: 14px;
            font-weight: 700;
            color: #212529;
            font-variant-numeric: tabular-nums;
        }

  .budget-total-line       .budget-expand-icon {
            width: 20px;
            height: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: transform 0.3s ease;
            color: #495057;
        }

  .budget-total-line       .budget-expand-icon svg {
            width: 16px;
            height: 16px;
        }

  .budget-total-line       .budget-tag.expanded .budget-expand-icon {
            transform: rotate(180deg);
        }

  .budget-total-line       .budget-tag-overlay {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            background: white;
            border-radius: 0 0 8px 8px;
            box-shadow: 0 8px 16px rgba(0,0,0,0.15);
            z-index: 1000;
            max-height: 0;
            overflow: hidden;
            opacity: 0;
            transition: max-height 0.3s ease, opacity 0.3s ease;
        }

 .budget-total-line        .budget-tag.expanded .budget-tag-overlay {
            max-height: 500px;
            opacity: 1;
        }

 .budget-total-line        .budget-tag-body {
            padding: 16px;
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

 .budget-total-line        .budget-section {
            display: flex;
            flex-direction: column;
            gap: 4px;
        }

 .budget-total-line        .budget-section-label {
            font-size: 10px;
            font-weight: 600;
            color: #6c757d;
            text-transform: uppercase;
            letter-spacing: 0.3px;
            margin-bottom: 4px;
        }

  .budget-total-line       .budget-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 6px 8px;
            font-size: 12px;
            border-radius: 4px;
            transition: background 0.2s;
        }

  .budget-total-line       .budget-row:hover {
            background: #f8f9fa;
        }

  .budget-total-line       .budget-row.total-row {
            border-top: 2px solid #dee2e6;
            padding-top: 8px;
            margin-top: 4px;
            font-weight: 600;
            background: #f8f9fa;
        }

  .budget-total-line       .budget-status {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #495057;
            font-size: 11px;
        }

  .budget-total-line       .status-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            flex-shrink: 0;
        }

  .budget-total-line       .status-approved .status-dot {
            background: #28a745;
        }

  .budget-total-line       .status-review .status-dot {
            background: #ffc107;
        }

   .budget-total-line      .status-total .status-dot {
            background: #025095;
        }

    .budget-total-line     .budget-amount {
            font-weight: 500;
            color: #212529;
            font-variant-numeric: tabular-nums;
        }

    .bdg-amount-cont{
	    display: flex;
    }
    
#budget-listHC .content-title small {
  display: block;
  text-wrap: auto;
}

#actualEditHCPathCont{
	padding: 26px 0px;
}
.mdi.btn-edit-actualEditHCPath{
	font-size: 20px;
  background-color: #aaa;
  color: white;
  line-height: 30px;
}


#budgets-listHC{
margin-bottom: 200px;
}

#budget-to-scrollHC{
	background-color: #f1f1f1;
}

.table-mini thead{
  background-color: white;
  color: black;
  border-bottom: 1px solid #ccc;
}

.show_red{
	color: orange;
}

.question_area{
	flex-grow: 2;
}

.question-edit-row{
	width: calc(100vw - 110px);
    margin: 10px 0;
    padding: 10px;
    border-radius: 10px;
}
li.question-edit-row:nth-child(odd) {
    background-color: #fff;
    border: 1px solid #ddd;
}
li.question-edit-row:nth-child(even) {
    background-color: #fff;
    border: 1px solid #ddd;
}


.question-edit-row .mdi-drag,.question-edit-row .mdi-delete{
	    margin-top: 14px;
    font-size: 36px;
}

.question360-remove{
	cursor: pointer;
	font-size: 24px !important;
}

.form360-collapsible-header{
	padding: 10px 0;
  height: 74px !important;
}

#form360_table .cell-status,.answer-status{
	background-color: #d54b51;
  border-radius: 10px;
  padding: 2px 10px !important;
  color: white;
  float: right;
  height: 30px;
  line-height: 26px;
  margin-top: 12px;
}

#members_answers_form360_table .cell-status{
	background-color: #d54b51;
  border-radius: 10px;
  padding: 2px 10px !important;
  color: white;
  height: 30px;
  text-align: center;
  line-height: 26px;
  margin-top: 12px;
}

#form360_table .cell-status.completed,#members_answers_form360_table .cell-status.completed,.answer-status.completed{
	background-color: #1bbc9b;
	color: white;
}

#form360_table .cell-status.draft,#members_answers_form360_table .cell-status.draft,.answer-status.draft{
	background-color: #025095;
	color: white;
}

#form360_table .cell-status.in_progress,#members_answers_form360_table .cell-status.in_progress,.answer-status.in_progress{
	background-color: #fb8b38;
	color: white;
}

table.eq-ui-data-table#members_answers_form360_table thead tr th, table.eq-ui-data-table#members_answers_form360_table tbody tr td {
	text-align: left;
	}
	
.cell-status-cont{
	text-align: center !important;
}
	
#members_answers_form360_table .name-cell{
	/*background-color: #f1f1f1;*/
}
#members_answers_form360_table tr:nth-child(odd) {
    background-color: #eee;
}
#members_answers_form360_table tr:nth-child(even) {
    background-color: #ddd;
}


#members_answers_form360_table .cell-targets{
	background-color: #025095;
	text-align: center !important;
	color: white;
}
#members_answers_form360_table .cell-targets:first-of-type{
	text-align: left !important;
	
}

#members_answers_form360_table td,#members_answers_form360_table th{
	border: 1px solid white;
}

span.btn.btn-primary.view-answers-as-admin {
    float: right;
}

.name-cell small,.cell-targets small{
	display: block;
}

#desc_answer_form360_modal,#desc_answers_form360_modal{
	border: 1px solid #ccc;
  background-color: #fff;
  padding: 16px;
  margin-bottom: 10px;
}

#members_answer_accordion{
	margin-left: 0px;
}

.question_area{
	    border-radius: 5px;
    padding: 5px 10px;
}

.questions{
	    background-color: #f5f5f5;
    border: 1px solid;
    margin: 16px;
    padding: 16px 0;
    border: 1px solid #80808033;
}

.table-odds .odd{
	border-left: 1px solid #333;
}

.row-totals td {
    background-color: #f1f1f1 !important;
    border-top: 1px solid #333 !important;
}

input.role-fxCostBDG-checkbox{
	position: relative;
  top: -3px;
  margin-right: 5px;
}

.role-fxCostBDG-cont
{
	display: flex;
}

.role-fxCostBDG-curr{
	padding-top: 12px;
  padding-right: 7px;
}

#budget-listForecastHC td{
	border-left: 1px solid #ccc;
}

#budget-listForecastHC tr:hover {
  background-color: #dcdcdc6e !important;
}

th.bdgcol_{
	background-color: rgba(167, 219, 221, 0.5);
}
td.bdgcol_{
	background-color: rgba(167, 219, 221, 0.1);
}

th.fx1col_{
	background-color: rgba(220, 248, 252, 0.5);
}
td.fx1col_{
	background-color: rgba(220, 248, 252, 0.1);
}

th.fx2col_{
	background-color: rgba(188, 239, 241, 0.5)
}
td.fx2col_{
	background-color: rgba(188, 239, 241, 0.1)
}

th.fx3col_{
	background-color: rgba(221, 215, 167, 0.5)
}
td.fx3col_{
	background-color: rgba(221, 215, 167, 0.1)
}

th.fx4col_{
	background-color: rgba(156, 247, 191, 0.5);
}

td.fx4col_{
	background-color: rgba(156, 247, 191, 0.1);
}


.bdglastcol{
	border-right: 1px solid #111; 
}
.bdgfirstcol{
	border-left: 1px solid #111; 
}
.bdgactual{
	background-color: rgba(220, 248, 252, 0.5);
}