:root {
	--background: #e9ecef;
	--primary: #337ab7;
	--secondary: #9e0afc;
	--info: #14acdf;
	--danger: #dc3545;
	--warning: #ffa900;
	--success: #008435;
	--light: #e2e2e2;
	--dark: #0d0d0d;
	--primary-darker: #106fc2;
	--secondary-darker: #7702c0;
	--info-darker: #0ba6da;
	--danger-darker: #bd1b2b;
	--warning-darker: #c98805;
	--success-darker: #015222;
	--light-darker: #d4d1d1;
	--dark-darker: #000000;
	--white: #fdfffc;
	--black: #171817;
	--gray: #8b8c8a;
	--red: #e71d36;
	--orange: #ff9f1c;
	--gray-overaly: #f3f3f3;
	--white-overlay: rgba(253, 255, 252, 0.8);
	--light-gray: #e7e7e7;
	--mbo-dashboard-card: #f6faff;
	--mbo-dashboard-font: #939eab;
	--mbo-dashboard-title: #2057a9;
	--back-btn: #2057a9;
	--back-darker-btn: #2057a9;
	--todo: rgb(255, 192, 0);
	--complete: #04a927;
	--waiting: #2e69ad;
	--sheet-header: #2f64b4;
	--rate-active: rgb(255, 192, 0);
	--rate-hover: rgb(179, 135, 2);
	--message-receive: #fdfffc;
	--message-send: #e1ffe8;
	--chat-active: #f7f7f7;
	
	--mbo-sheet-header-backg-color: #556677;
	--sal-sheet-header-backg-color: lime; /* #556677; */
}

html,
body {
	height: 100%;
}
body {
	background: url("../images/background.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
body {
	margin: 0px;
	background-color: var(--white);
	font-family: "Roboto", sans-serif;
	/* color: var(--black);*/
	color: #637280;
}

a {
	color: var(--gray);
}

.card {
	transition: 0.5s;
}

.card-title svg {
	transition: 0.5s;
	color: var(--orange);
}

.card-title svg:hover {
	transform: scale(1.25);
	color: var(--blue);
}

/*************************************************
**  Material Design Buttons Style
*************************************************/

[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled),
.nav-link:not(:disabled) {
	cursor: pointer;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
	-webkit-appearance: button;
}

.my-btn,
.form-control-file {
	border: 0;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.1);
	font-weight: 500;
	padding: 0.625rem 1rem 0.5rem;
	font-size: 0.75rem;
	line-height: 1.5;
}

.my-btn,
.form-control-file {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-radius: 0.25rem;
	-webkit-transition: color 0.15s ease-in-out,
		background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
		-webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
		-webkit-box-shadow 0.15s ease-in-out;
}

.MuiButton-root {
	font-family: "Roboto", sans-serif;
	font-weight: bold;
	text-transform: none;
}
/* Ripple effect 
.my-btn:after {
	content: "";
	position: absolute;
	border-radius: 50%;
	height: 10em;
	width: 10em;
	top: -4em;
	left: -2em;
	box-shadow: inset 0 0 0 5em rgba(255, 255, 255, 0.2);
	transition: box-shadow 0.8s;
}

.my-btn:focus:after {
	box-shadow: inset 0 0 0 0em rgba(255, 255, 255, 0.2);
}*/
.my-btn.active,
.my-btn.active:focus,
.my-btn.focus,
.my-btn:active,
.my-btn:active:focus,
.my-btn:focus,
.my-btn:hover {
	-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2),
		0 4px 20px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.1);
}
/*********** Primary *****************/
.my-btn-primary {
	border-width: 0.125rem;
	border-style: solid;
	color: var(--white) !important;
	background-color: var(--primary);
	border-color: var(--primary);
}

.tab-header-btn {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	/* min-height: 38px; */
}

.my-btn-primary svg {
	color: var(--white) !important;
}

.my-btn-primary.focus,
.my-btn-primary:hover,
.my-btn-out-primary:focus,
.my-btn-out-primary:hover {
	color: var(--white);
	background-color: var(--primary-darker);
	border-color: var(--primary-darker);
}

.my-btn-check:active + .my-btn-primary,
.my-btn-check:checked + .my-btn-primary,
.my-btn-primary.active,
.my-btn-primary:active,
.show > .my-btn-primary.dropdown-toggle {
	color: var(--white);
	background-color: var(--primary-darker);
}

.my-btn-out-primary {
	border-width: 0.125rem;
	border-style: solid;
	color: var(--primary);
	border-color: var(--primary);
	background-color: var(--white);
}

.my-btn-out-primary svg {
	color: var(--primary) !important;
}

.my-btn-out-primary:hover svg,
.my-btn-out-primary-focus:hover svg {
	color: var(--white) !important;
}

.success .MuiSwitch-switchBase.Mui-checked {
	color: var(--success);
}

.success .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track {
	background-color: var(--success-darker);
}
/*********** Secondary *****************/
.my-btn-secondary {
	border-width: 0.125rem;
	border-style: solid;
	border-color: var(--secondary);
	color: var(--white) !important;
	background-color: var(--secondary);
}

.my-btn-secondary svg {
	color: var(--white) !important;
}

.my-btn-secondary.focus,
.my-btn-secondary:hover,
.my-btn-out-secondary:focus,
.my-btn-out-secondary:hover {
	color: var(--white);
	background-color: var(--secondary-darker);
	border-color: var(--secondary-darker);
}

.my-btn-check:active + .my-btn-secondary,
.my-btn-check:checked + .my-btn-secondary,
.my-btn-secondary.active,
.my-btn-secondary:active,
.show > .my-btn-secondary.dropdown-toggle {
	color: var(--white);
	background-color: var(--secondary-darker);
}

.my-btn-out-secondary {
	border-width: 0.125rem;
	border-style: solid;
	color: var(--secondary);
	border-color: var(--secondary);
	background-color: var(--white);
}

.my-btn-out-secondary svg {
	color: var(--secondary) !important;
}

.my-btn-out-secondary:hover svg,
.my-btn-out-secondary-focus:hover svg {
	color: var(--white) !important;
}

/*********** Info *****************/
.my-btn-info {
	border-width: 0.125rem;
	border-style: solid;
	color: var(--white) !important;
	background-color: var(--info);
	border-color: var(--info);
}

.my-btn-info svg {
	color: var(--white) !important;
}

.my-btn-info.focus,
.my-btn-info:hover,
.my-btn-out-info:focus,
.my-btn-out-info:hover {
	color: var(--white);
	background-color: var(--info-darker);
	border-color: var(--info-darker);
}

.my-btn-check:active + .my-btn-info,
.my-btn-check:checked + .my-btn-info,
.my-btn-info.active,
.my-btn-info:active,
.show > .my-btn-info.dropdown-toggle {
	color: var(--white);
	background-color: var(--info-darker);
}

.my-btn-out-info {
	border-width: 0.125rem;
	border-style: solid;
	color: var(--info);
	border-color: var(--info);
	background-color: var(--white);
}

.my-btn-out-info svg {
	color: var(--info) !important;
}

.my-btn-out-info:hover svg,
.my-btn-out-info-focus:hover svg {
	color: var(--white) !important;
}
/*********** Danger *****************/
.my-btn-danger {
	border-width: 0.125rem;
	border-style: solid;
	color: var(--white) !important;
	background-color: var(--danger);
	border-color: var(--danger);
}

.my-btn-danger svg {
	color: var(--white) !important;
}

.my-btn-danger.focus,
.my-btn-danger:hover,
.my-btn-out-danger:focus,
.my-btn-out-danger:hover {
	color: var(--white);
	background-color: var(--danger-darker);
	border-color: var(--danger-darker);
}

.my-btn-check:active + .my-btn-danger,
.my-btn-check:checked + .my-btn-danger,
.my-btn-danger.active,
.my-btn-danger:active,
.show > .my-btn-danger.dropdown-toggle {
	color: var(--white);
	background-color: var(--danger-darker);
}

.my-btn-out-danger {
	border-width: 0.125rem;
	border-style: solid;
	color: var(--danger);
	border-color: var(--danger);
	background-color: var(--white);
}

.my-btn-out-danger svg {
	color: var(--danger) !important;
}

.my-btn-out-danger:hover svg,
.my-btn-out-danger-focus:hover svg {
	color: var(--white) !important;
}

/*********** Warning *****************/
.my-btn-warning {
	border-width: 0.125rem;
	border-style: solid;
	color: var(--white) !important;
	background-color: var(--warning);
	border-color: var(--warning);
}

.my-btn-warning svg {
	color: var(--white) !important;
}

.my-btn-warning.focus,
.my-btn-warning:hover,
.my-btn-out-warning:focus,
.my-btn-out-warning:hover {
	color: var(--white);
	background-color: var(--warning-darker);
	border-color: var(--warning-darker);
}

.my-btn-check:active + .my-btn-warning,
.my-btn-check:checked + .my-btn-warning,
.my-btn-warning.active,
.my-btn-warning:active,
.show > .my-btn-warning.dropdown-toggle {
	color: var(--white);
	background-color: var(--warning-darker);
}

.my-btn-out-warning {
	border-width: 0.125rem;
	border-style: solid;
	color: var(--warning);
	border-color: var(--warning);
	background-color: var(--white);
}

.my-btn-out-warning svg {
	color: var(--warning) !important;
}

.my-btn-out-warning:hover svg,
.my-btn-out-warning-focus:hover svg {
	color: var(--white) !important;
}

/*********** Success *****************/
.my-btn-success {
	border-width: 0.125rem;
	border-style: solid;
	color: var(--white) !important;
	background-color: var(--success);
	border-color: var(--success);
}

.my-btn-success svg {
	color: var(--white) !important;
}

.my-btn-success.focus,
.my-btn-success:hover,
.my-btn-out-success:focus,
.my-btn-out-success:hover {
	color: var(--white);
	background-color: var(--success-darker);
	border-color: var(--success-darker);
}

.my-btn-check:active + .my-btn-success,
.my-btn-check:checked + .my-btn-success,
.my-btn-success.active,
.my-btn-success:active,
.show > .my-btn-success.dropdown-toggle {
	color: var(--white);
	background-color: var(--success-darker);
}

.my-btn-out-success {
	border-width: 0.125rem;
	border-style: solid;
	color: var(--success);
	border-color: var(--success);
	background-color: var(--white);
}

.my-btn-out-success svg {
	color: var(--success) !important;
}

.my-btn-out-success:hover svg,
.my-btn-out-success-focus:hover svg {
	color: var(--white) !important;
}

/*********** Light *****************/
.my-btn-light {
	border-width: 0.125rem;
	border-style: solid;
	color: var(--white) !important;
	background-color: var(--light);
	border-color: var(--light);
}

.my-btn-light svg {
	color: var(--white) !important;
}

.my-btn-light.focus,
.my-btn-light:hover,
.my-btn-out-light:focus,
.my-btn-out-light:hover {
	color: var(--white);
	background-color: var(--light-darker);
	border-color: var(--light-darker);
}

.my-btn-check:active + .my-btn-light,
.my-btn-check:checked + .my-btn-light,
.my-btn-light.active,
.my-btn-light:active,
.show > .my-btn-light.dropdown-toggle {
	color: var(--white);
	background-color: var(--light-darker);
}

.my-btn-out-light {
	border-width: 0.125rem;
	border-style: solid;
	color: var(--light);
	border-color: var(--light);
	background-color: var(--white);
}

.my-btn-out-light svg {
	color: var(--light) !important;
}

.my-btn-out-light:hover svg,
.my-btn-out-light-focus:hover svg {
	color: var(--white) !important;
}

/*********** Dark *****************/
.my-btn-dark {
	border-width: 0.125rem;
	border-style: solid;
	color: var(--white) !important;
	background-color: var(--dark);
	border-color: var(--dark);
}

.my-btn-dark svg {
	color: var(--white) !important;
}

.my-btn-dark.focus,
.my-btn-dark:hover,
.my-btn-out-dark:focus,
.my-btn-out-dark:hover {
	color: var(--white);
	background-color: var(--dark-darker);
	border-color: var(--dark-darker);
}

.my-btn-check:active + .my-btn-dark,
.my-btn-check:checked + .my-btn-dark,
.my-btn-dark.active,
.my-btn-dark:active,
.show > .my-btn-dark.dropdown-toggle {
	color: var(--white);
	background-color: var(--dark-darker);
}

.my-btn-out-dark {
	border-width: 0.125rem;
	border-style: solid;
	color: var(--dark);
	border-color: var(--dark);
	background-color: var(--white);
}

.my-btn-out-dark svg {
	color: var(--dark) !important;
}

.my-btn-out-dark:hover svg,
.my-btn-out-dark-focus:hover svg {
	color: var(--white) !important;
}

/*********** Back *****************/
.my-btn-back {
	border-width: 0.125rem;
	border-style: solid;
	color: var(--back-btn);
	background-color: transparent;
	border-color: transparent;
}

.my-btn-back svg {
	color: var(--back-btn) !important;
}

.my-btn-back.focus,
.my-btn-back:hover,
.my-btn-out-back:focus,
.my-btn-out-back:hover {
	color: var(--back-darker-btn);
	background-color: transparent;
	border-color: transparent;
}

.my-btn-check:active + .my-btn-back,
.my-btn-check:checked + .my-btn-back,
.my-btn-back.active,
.my-btn-back:active,
.show > .my-btn-back.dropdown-toggle {
	color: var(--back-darker-btn);
	background-color: transparent;
}

/******** button personalizations ****************/
/*
[class*="btn-outline-"] {
	border-width: 0.125rem;
	border-style: solid;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0.5rem 1.375rem 0.375rem;
}*/

.btn-rounded {
	border-radius: 10rem;
}

.btn-floating {
	width: 2.3125rem;
	height: 2.3125rem;
}

.btn-floating,
[class*="btn-outline-"].btn-floating {
	border-radius: 50%;
	padding: 0;
	position: relative;
}
/************************************
* Dashboard style
***************************************/
.dashboard-module:hover {
	transform: scale(1.05);
	box-shadow: 10px 10px 15px var(--gray);
}

.dashboard-module::before,
.dashboard-module::after {
	transform: scale3d(0, 0, 1);
	transition: transform 0.3s ease-out 0s;
	content: "";
	pointer-events: none;
}

.dashboard-module::before {
	transform-origin: left top;
}

.dashboard-module::after {
	transform-origin: right bottom;
}

.dashboard-module:hover::before,
.dashboard-module:hover::after,
.dashboard-module:focus::before,
.dashboard-module:focus::after {
	transform: scale3d(1, 1, 1);
}

/**************************************************
* Header Style
**************************************************/
.navBar {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: rgb(0, 22, 137);
}
/**************************************************
* Common Style
**************************************************/

/**************************************************
* Dashboard Style
**************************************************/
.dashboard-module {
	height: 250px;
	min-height: 250px;
}

.dashboard-module-title {
	margin-top: 60px;
}

.dashboard-module-desc {
	font-size: 0.9rem;
}

.trw-module {
	border-color: #43a1da;
	background: #43a1da;
}

.trw-module-adm-btn,
.trw-module svg {
	color: #43a1da;
}

.resources-module {
	border-color: #85bc36;
	background: #85bc36;
}

.resources-module-adm-btn,
.resources-module svg {
	color: #85bc36;
}

.mbo-module {
	border-color: #60b7b0;
	background: #60b7b0;
}

.mbo-module-adm-btn,
.mbo-module svg {
	color: #60b7b0;
}

.cpm-module {
	border-color: #027b0c;
	background: #027b0c;
}

.cpm-module-adm-btn,
.cpm-module svg {
	color: #027b0c;
}

.sal-module-img,
.trw-module-img,
.resources-module-img,
.mbo-module-img,
.orgunit-module-img,
.cpm-module-img {
	float: right;
	width: 120px;
}

.trw-module-title,
.resources-module-title,
.mbo-module-title,
.cpm-module-title {
	color: white;
}

.trw-module-desc,
.resources-module-desc,
.mbo-module-desc,
.cpm-module-desc {
	color: white;
}

.trw-front-nav {
	background-color: #f4f4f4;
}

.trw-front-nav .active {
	background: gray !important;
}

.trw-front-body-bg {
	background-color: #f4f4f4;
}

.trw-front-btn-print {
	width: 100%;
}

.trw-front-img-play {
	width: 100%;
}

.trw-front-home-footer,
.trw-front-intro-footer {
	background: gray !important;
	bottom: 0px;
	position: absolute;
	height: 5px;
	width: 100%;
}

.trw-front-home-img {
	width: 85%;
}

.trw-front-details-btn {
	border-left: 2px solid gray;
	border-radius: 0px;
}

.trw-front-details-btn:first-child {
	border-left: none;
}

.trw-front-details-btn-cnt {
	min-height: 50px;
	line-height: 50px;
}

.trw-front-details-btn-pillow {
	background-color: gray;
}

.trw-front-details-item {
	border-top: 1px solid lightgrey;
}

.trw-front-details-item-img {
	max-width: 80px;
}

.trw-front-details-item-value {
	width: 150px;
	display: flex;
}

.trw-front-details-item-tot-label {
	width: 50px;
}

.trw-front-details-item-tot-value {
	flex-grow: 1;
	text-align: right;
}

.trw-front-overview-cnt {
	border: 3px solid #c4d6ee;
	background-color: #c4d6ee;
}

.trw-front-overview-cnt div {
	min-height: 50px;
}

.trw-front-overview-total-title {
	color: #5281b7;
	font-size: larger;
	background-color: white;
}

.trw-front-overview-total-value {
	color: #5281b7;
	font-size: larger;
}

.trw-front-overview-total-icon img {
	height: 45px;
}

.trw-back-body-bg {
	background-color: var(--light-gray);
}

.trw-back-header {
	background-color: var(--light-gray);
	line-height: 50px;
}

.trw-back-header-img img {
	height: 40px;
	width: auto;
}

.trw-back-header-title {
	line-height: 50px;
}

.trw-front-overview-sub-item:first-child {
	margin-top: 0px !important;
}

.trw-back-adm-user-state {
	font-size: x-large;
}

.trw-back-adm-user-state .radio-buttons input {
	width: 20px;
	height: 20px;
}

.trw-front-details-item-intro {
	height: 100%;
}

.trw-front-details-item-intro-value {
	vertical-align: text-bottom;
}

.trw-front-overview-item-value,
.trw-front-overview-item-title {
	font-weight: bold;
}

.trw-front-overview-graph-text {
	font-weight: bold;
	color: #637280;
}

.trw-front-overview-item-img img {
	width: 70px;
}

.trw-front-overview-cat-img {
	width: 70px;
}

.trw-front-overview-sub-item-cnt {
	min-height: 100%;
	display: flex;
	flex-direction: column;
}

.trw-front-overview-sub-item {
	flex: auto;
}

.trw-front-overview-sub-item-title {
	min-height: 40px;
	font-size: 14px;
	line-height: 40px;
}

.trw-front-overview-sub-item-description {
	min-height: 40px;
	line-height: 40px;
	font-size: 14px;
}

.trw-front-overview-sub-item-row {
	border-bottom: 4px solid white;
}

.trw-front-overview-sub-item-row:last-child {
	border-bottom: 0px solid white;
}

.multiple-select-filter .dropdown-content {
	min-width: 300px !important;
	z-index: 999;
}
.multiple-select-filter
	.dropdown-content{
	background-color: white !important;
	}
.multiple-select-filter
	.dropdown-container
	.dropdown-heading
	.dropdown-heading-value
	span {
	color: black;
}

.table td {
	padding: 0px;
	vertical-align: middle;
}

.back-header {
	background-color: var(--light-gray);
	/*line-height: 40px;*/
}

.back-nav {
	background-color: white;
}

.back-header-img img {
	height: 40px;
	width: auto;
}

.back-header-title {
	line-height: 40px;
	margin: 0;
}

.back-nav.active {
	background: #337ab7 !important;
}

/***************
*Media Classes
******************/
/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {
	.sal-module-img,
	.trw-module-img,
	.resources-module-img,
	.mbo-module-img,
	.orgunit-module-img {
		width: 80px;
	}
}

.btn-outline-secondary:hover {
	color: white !important;
}

.table td,
.table th {
	padding-right: 3px;
	padding-left: 3px;
}

.table tr {
	min-height: 40px;
	height: 40px;
}

.form-container {
	padding: 10px;
	background-color: white;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.form-container.table-header-form {
	background-color: transparent;
	border: none;
	padding: 0px;
}

.form-cnt.table-header-form {
	margin-bottom: 0px !important;
}

/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 830px) {
	.sal-module-img,
	.trw-module-img,
	.resources-module-img,
	.mbo-module-img,
	.orgunit-module-img {
		width: 60px;
	}
}
@media screen and (max-width: 767px) {
	.sal-module-img,
	.trw-module-img,
	.resources-module-img,
	.mbo-module-img,
	.orgunit-module-img {
		width: 120px;
	}
}

.trw-front-overview-cat-cnt.comp-monetarie {
	background-color: #f4f4f4;
}

.trw-front-overview-cat-title.comp-monetarie {
	color: #253f8f;
}

.trw-front-overview-cat-cnt.comp-non-monetarie {
	background-color: #f4f4f4;
}

.trw-front-overview-cat-title.comp-non-monetarie {
	color: #253f8f;
}

.trw-front-overview-item-cnt.rf-totale,
.trw-front-overview-sub-item-row.rf-totale,
.trw-front-overview-graph-cnt.rf-totale,
.trw-front-details-cat-cnt.rf-totale {
	background-color: #b7caeb;
}

.trw-front-details-cat-title.rf-totale {
	background-color: #b7caeb;
}

.trw-front-details-btn-pillow.rf-totale {
	background-color: #81a8ec;
}

.trw-front-details-btn-pillow.rf-totale:hover {
	background-color: #407ee9;
	color: white;
}

.trw-front-details-item.rf-totale {
	border-top: 1px solid #81a8ec;
}

.trw-front-overview-item-cnt.rv-totale,
.trw-front-overview-sub-item-row.rv-totale,
.trw-front-overview-graph-cnt.rv-totale,
.trw-front-details-cat-cnt.rv-totale {
	background-color: #88d3da;
}

.trw-front-details-cat-title.rv-totale {
	background-color: #88d3da;
}

.trw-front-overview-item-title.rv-totale,
.trw-front-overview-item-value.rv-totale,
.trw-front-overview-sub-item-title.rv-totale,
.trw-front-overview-sub-item-description.rv-totale {
	color: #637280;
}

.trw-front-details-btn-pillow.rv-totale {
	background-color: #88d3da;
}

.trw-front-details-btn-pillow.rv-totale:hover {
	background-color: #4dc3ce;
	color: white;
}

.trw-front-details-item.rv-totale {
	border-top: 1px solid #4dc3ce;
}

.trw-front-overview-item-cnt.sp-totale,
.trw-front-overview-sub-item-row.sp-totale,
.trw-front-overview-graph-cnt.sp-totale,
.trw-front-details-cat-cnt.sp-totale {
	background-color: #e0df61;
}

.trw-front-details-cat-title.sp-totale {
	background-color: #e0df61;
}

.trw-front-overview-item-title.sp-totale,
.trw-front-overview-item-value.sp-totale,
.trw-front-overview-sub-item-title.sp-totale,
.trw-front-overview-sub-item-description.sp-totale {
	color: #637280;
}

.trw-front-details-btn-pillow.sp-totale {
	background-color: #e0df61;
}

.trw-front-details-btn-pillow.sp-totale:hover {
	background-color: #cece34;
	color: white;
}

.trw-front-details-item.sp-totale {
	border-top: 1px solid #cece34;
}

.trw-front-overview-item-cnt.ca-somma,
.trw-front-overview-sub-item-row.ca-somma,
.trw-front-overview-graph-cnt.ca-somma,
.trw-front-details-cat-cnt.ca-somma {
	background-color: #fdde45;
}

.trw-front-details-cat-title.ca-somma {
	background-color: #fdde45;
}

.trw-front-overview-item-title.ca-somma,
.trw-front-overview-item-value.ca-somma,
.trw-front-overview-sub-item-title.ca-somma,
.trw-front-overview-sub-item-description.ca-somma {
	color: #637280;
}

.trw-front-details-btn-pillow.ca-somma {
	background-color: #fdde45;
}

.trw-front-details-btn-pillow.ca-somma:hover {
	background-color: #f1c900;
	color: white;
}

.trw-front-details-item.ca-somma {
	border-top: 1px solid #f1c900;
}

.trw-front-overview-item-cnt.ab-totale,
.trw-front-overview-sub-item-row.ab-totale,
.trw-front-overview-graph-cnt.ab-totale,
.trw-front-details-cat-cnt.ab-totale {
	background-color: #f5a1c8;
}

.trw-front-details-cat-title.ab-totale {
	background-color: #f5a1c8;
}

.trw-front-overview-item-title.ab-totale,
.trw-front-overview-item-value.ab-totale,
.trw-front-overview-sub-item-title.ab-totale,
.trw-front-overview-sub-item-description.ab-totale {
	color: #637280;
}

.trw-front-details-btn-pillow.ab-totale {
	background-color: #f5a1c8;
}

.trw-front-details-btn-pillow.ab-totale:hover {
	background-color: #f357a0;
	color: white;
}

.trw-front-details-item.ab-totale {
	border-top: 1px solid #f357a0;
}

.trw-front-overview-graph-hight.ab-totale {
	color: #f357a0;
}

.trw-front-overview-graph.ab-totale {
	color: #fc98c7;
}

.trw-front-details-cat-img {
	width: 80px;
	float: right;
}

.trw-front-details-cat-title {
	line-height: 80px;
	margin-bottom: 0px;
}
/**********
* Theme Styles
*************/
.back-header {
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
	border-radius: 0.25rem;
	background: var(--light-gray);
	margin-bottom: 1rem;
	padding: 0.5rem;
	position: relative;
}

.card-body {
	padding: 1rem;
}

.card-table-cnt .card-body {
	padding: 0rem;
}

.card-table-title {
	padding: 0.5rem;
	margin-bottom: 0rem;
	display: flex;
	background-color: rgba(0, 0, 0, 0.03);
}

.table-filter {
	padding: 0.25rem !important;
}

.table tfoot {
	background-color: rgba(0, 0, 0, 0.03);
}

.table-footer-count-text {
	color: gray;
}

/******************************
*
**************************************/
.react-switch-checkbox {
	height: 0;
	width: 0;
	visibility: hidden;
}

.react-switch-label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	width: 100px;
	height: 50px;
	background: grey;
	border-radius: 100px;
	position: relative;
	transition: background-color 0.2s;
}

.react-switch-label .react-switch-button {
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	width: 45px;
	height: 45px;
	border-radius: 45px;
	transition: 0.2s;
	background: #fff;
	box-shadow: 0 0 2px 0 rgba(10, 10, 10, 0.29);
}

.react-switch-checkbox:checked + .react-switch-label .react-switch-button {
	left: calc(100% - 2px);
	transform: translateX(-100%);
}

.react-switch-label:active .react-switch-button {
	width: 60px;
}

.sal-card-box,
.mbo-card-box {
	height: 430px;
	margin-bottom: 30px;
}

.sal-card,
.mbo-card {
	height: 430px;
}

.sal-card.header-block,
.mbo-card.header-block {
	height: auto;
	margin-bottom: 0px;
}

.sal-card.open,
.mbo-card.open {
	height: auto;
}

.sal-card,
.mbo-card {
	padding: 20px;
}

.sal-card-img,
.mbo-card-img {
	width: 50px;
}

.card-header.sal-card-header,
.card-header.mbo-card-header {
	padding: 0;
	background-color: transparent !important;
	border: none;
}

.sal-card-title,
.mbo-card-title {
	color: var(--mbo-dashboard-title);
	font-size: 24px;
	font-weight: bold;
}

.sal-card-desc,
.mbo-card-desc {
	min-height: 60px;
	color: var(--mbo-dashboard-font);
}

.sal-card.graph-text,
.mbo-card.graph-text {
	color: var(--mbo-dashboard-font);
}

.card.sal-card,
.card.mbo-card {
	background-color: var(--mbo-dashboard-card);
}

.no-background {
	background-color: transparent;
}

.no-border {
	border: none !important;
}

.progress-bar.todo {
	background: var(--todo) !important;
}

.progress-bar.complete {
	background: var(--complete) !important;
}

.progress-bar.waiting {
	background: var(--warning) !important;
}

.progress-bar.documents {
	background: var(--gray) !important;
}

.progress-bar.videos {
	background: var(--gray-dark) !important;
}

.progress-bar.list-count {
	background: var(--gray) !important;
}

.sheet-header {
	background-color: var(--sheet-header);
	color: white;
}

.sheet-archive,
.sheet-process,
.sheet-targets,
.sheet-actions,
.sheet-documents {
	background-color: #fafafa;
}

.mbo-btn-open {
	width: 120px;
	background-color: var(--warning);
	border-color: var(--warning);
}

.mbo-btn-waiting {
	width: 120px;
}

.mbo-btn-closed {
	width: 120px;
}

.mbo-btn-open.focus,
.mbo-btn-open:hover,
.mbo-btn-out-open:focus,
.mbo-btn-out-open:hover {
	color: var(--white);
	background-color: var(--warning-darker);
	border-color: var(--warning-darker);
}

.mbo-btn-open:active + .mbo-btn-open,
.mbo-btn-open:checked + .mbo-btn-open,
.mbo-btn-open.active,
.mbo-btn-open:active,
.show > .mbo-btn-open.dropdown-toggle {
	color: var(--white);
	background-color: var(--warning-darker);
	border-color: var(--warning-darker);
}

.mbo-dashboard-team-table-row-text {
	flex: 1;
}

.mbo-sheet-process-phase.selected {
	background-color: #fce6db;
	padding-top: 5px;
	padding-bottom: 15px;
}

.sal-sheet-process-list-item,
.mbo-sheet-process-list-item {
	color: #817d7d;
	font-size: 13px;
	padding-top: 5px;
	border: none;
	padding-bottom: 5px;
	border-bottom: 1px solid #817d7d;
	background-color: transparent;
}

.sal-sheet-process-phase ul li,
.mbo-sheet-process-phase ul li {
	padding-left: 10px;
	padding-right: 10px;
}

.mbo-sheet-objectives-add {
	color: var(--mbo-dashboard-title) !important;
}

.mbo-sheet-btn-anchor {
	color: var(--mbo-dashboard-title) !important;
	box-shadow: 0 0 0 0 !important;
}

.mbo-sheet-objectives-table-col.weight {
	background-color: lightgray;
	text-align: center;
}

.mbo-sheet-obj-eval-text.label {
	font-weight: bold;
}

.mbo-sheet-objectives-table-col.arrow {
	width: 30px;
}

.mbo-sheet-sidebar-targets p {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	flex: 1;
}

.mbo-sheet-document-img {
	width: 18px;
}

.mbo-sheet-objectives-edit,
.mbo-sheet-objectives-delete {
	width: 30px;
}

.mbo-sheet-objectives-table-col.actions .d-flex {
	width: 30px !important;
}

.mbo-sheet-objectives-open-details,
.mbo-sheet-objectives-open-details:hover,
.mbo-sheet-objectives-open-details.active,
.mbo-sheet-objectives-open-details.focus {
	border: none;
	background-color: transparent;
	color: var(--mbo-dashboard-title);
	font-size: x-large;
}

.mbo-sheet-editing {
	background-color: white;
	/*border: 1px solid gray;*/
	border-radius: 0.5rem;
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.sal-sheet-sidebar-btn,
.mbo-sheet-sidebar-btn {
	height: 25px;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.sal-sheet-sidebar-img,
.mbo-sheet-sidebar-img {
	width: 50px;
}

.sal-sheet-sidebar-step-name,
.mbo-sheet-sidebar-step-name {
	flex: 1;
	vertical-align: middle;
	line-height: 25px;
}

.sal-sheet-section-header-img,
.mbo-sheet-section-header-img,
.mbo-sheet-btn-anchor-img {
	width: 30px;
}

.mbo-sheet-competency-title {
	/*	color: #637280 !important;*/
	font-size: 14px !important;
	font-weight: 700;
}

.mbo-sheet-competency-border {
	border-top: 2px solid #ccc;
	padding-top: 5px;
}

.mbo-sheet-competency {
	padding-bottom: 20px;
}

.mbo-sheet-competency-item {
	flex: 1;
}

.mbo-sheet-competency-item-action {
	flex-grow: 0;
}

.mbo-sheet-competency-item.weight {
	flex-grow: 0;
}

.mbo-sheet-sintesi-goal-overall-perc {
	height: 40px;
	border: 2px solid #00609c !important;
}

.mbo-sheet-sintesi-goal-overall-perc .reached {
	background-color: #00609c !important;
	height: 100%;
}

.mbo-sheet-sintesi-goal-overall-perc .not-reached {
	background-color: #dddddd !important;
	height: 100%;
}

.mbo-sheet-sintesi-goal-overall-perc .not-reached {
	text-align: left;
}

.mbo-sheet-sintesi-goal-overall-perc .reached {
	text-align: center;
}

.mbo-sheet-sintesi-goal-overall-perc .reached span {
	color: white !important;
	font-size: 16px !important;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
}

.mbo-sheet-sintesi-goal-overall-perc .not-reached span {
	color: #00609c !important;
	font-size: 16px !important;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
}

.mbo-sheet-competencies-role-item.title {
	font-weight: bold;
}
@media print {
	.hidden-print,
	.hidden-print * {
		display: none !important;
	}

	.visible-print,
	.visible-print * {
		display: block !important;
	}

	.breadcrumb {
		display: none !important;
	}

	body {
		background: none !important;
	}

	.col-print-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.col-print-8 {
		flex: 0 0 66%;
		max-width: 75%;
	}

	.col-print-4 {
		flex: 0 0 33%;
		max-width: 33%;
	}

	.mbo-sheet-comments-header {
		border-bottom: 1px solid gray !important;
	}

	.comment-value {
		border-radius: 5px !important;
		padding: 10px !important;
		border: 1px solid lightgray !important;
	}

	.mbo-sheet-comments-block {
		background: none !important;
	}
}

.visible-print,
.visible-print * {
	display: none;
}

.mbo-sheet-signature-line {
	height: 50px;
	width: 300px;
}

.mbo-sheet-comments-header {
	font-size: 18px;
	font-weight: bold;
	margin-top: 0px;
}

.mbo-sheet-comments-block {
	background-color: #f8f8f8;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-right: 30px;
	padding-left: 30px;
}

.mbo-sheet-comments-form form input[type="submit"] {
	border-radius: 20px;
}

.mbo-sheet-comments-block.dev-plan {
	background-color: lightskyblue;
}

.process-step-form-title {
	background-color: var(--light-gray);
	padding: 5px;
	border-radius: 4px;
}

.process-label-switch {
	text-align: left !important;
}

.process-step-switch div div {
	padding-left: 0px;
}

.mbo-sheet-sintesi-label {
	margin-top: 16px !important;
	font-weight: bold;
}

.align-bottom.submit {
	position: absolute;
	bottom: 0;
}

.align-left.submit {
	position: absolute;
	left: 0;
}

.hidden {
	display: none;
}

.mbo-dashboard-header-videos.border-videos {
	border-left: 1px solid var(--gray);
}

.card-dashboard.header-block {
	height: 100%;
}

.mbo-sheet-dimensions-dev-plan.cat-title {
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
}

.mbo-sheet-comp-trasv-evaluation.label {
	font-weight: bold;
}

.cross-evaluations .mbo-card .mbo-card-header .mbo-card-desc {
	min-height: 30px;
}

.sheet-objectives.cnt,
.sheet-comp-trasv.cnt,
.mbo-sheet-comments.cnt,
.sheet-comp-role.cnt,
.sheet-succ-plan.cnt,
.sheet-sintesi.cnt,
.mbo-sheet-dev-plan.cnt,
.mbo-sheet-acceptance.cnt,
.sheet-salary.cnt {
	background: rgba(255, 255, 255, 0.75) !important;
}

.mbo-sheet-comp-trasv-evaluations div div {
	height: 100%;
}

.mbo-sheet-comp-trasv-evaluations select {
	font-size: smaller;
}

.continuous-feedback.topic {
	height: 60px;
	border-top: 1px var(--light) solid;
}

.continuous-feedback.topic.active {
	background-color: var(--chat-active);
}

.continuous-feedback.topics-cnt {
	box-shadow: 0px 0 0px 0px var(--black), 10px 0 8px -8px var(--black);
	padding-right: 10px;
}

.continuous-feedback.topics-search-cnt {
	background-color: var(--light);
	height: 50px;
}

.continuous-feedback.topic-header {
	background-color: var(--chat-active);
	height: auto;
}

.continuous-feedback.btn-new {
	height: 35px;
}

.continuous-feedback.topic-cnt {
	padding-left: 5px;
}

.continuous-feedback.topic-header h3 {
	height: 50px;
}

.continuous-feedback.topic-header-img {
	/* width: 40px; */
}

.continuous-feedback.topic-header-title {
	margin-top: 5px;
}

.continuous-feedback.topic-rate:hover,
.continuous-feedback.topic-rate.active:hover {
	color: var(--rate-hover);
}

.continuous-feedback.topic-rate.active,
.continuous-feedback.topic-rate.active {
	color: var(--rate-active);
}

.continuous-feedback.info-rate {
	font-size: small;
}

.topic-lst-rate.active {
	color: var(--rate-active);
}

.topic-list-img {
	height: 37px;
	width: 60px;
}

.topic-header-img {
	height: 37px;
	width: 60px;
}

.continuous-feedback.data .target {
	font-size: small;
}

.chat-time {
	font-size: small;
}

.continuous-feedback.info-date {
	font-size: small;
	text-align: right;
}

.chat-message-cnt.receive {
	float: left;
	text-align: left;
}

.chat-message-cnt.send {
	float: right;
	text-align: right;
}

.content-left {
	justify-content: flex-start;
}

.content-right {
	justify-content: flex-end;
}

.chat-message {
	box-shadow: grey 1px 1px;
	margin-bottom: 5px;
	position: relative;
	min-width: 100px;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, 0.125);
	border-radius: 0.25rem;
}

.chat-message.receive {
	background-color: var(--message-receive);
	padding: 5px 50px 5px 10px;
}

.chat-message.send {
	padding: 5px 10px 5px 50px;
	background-color: var(--message-send);
}

.continuous-feedback.chat-cnt {
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 300px;
}

.btn-debug {
	width: 35px;
	height: 35px;
	padding: 5px;
}

.mbo-sheet-hr-select-impersonate {
	width: 300px;
}

.mbo-sheet-comp-trasv-evaluation-cnt {
	max-width: 40%;
}

.mbo-sheet-comp-trasv-evaluation-cnt .select-search {
	min-width: 300px;
	width: 98%;
}

.mbo-sheet-comp-trasv-evaluation-cnt
	.select-search.is-disabled
	.select-search__input,
.mbo-sheet-objectives-evaluations
	.select-search.is-disabled
	.select-search__input {
	background-color: white;
}

.select-search.is-disabled {
	opacity: 0.6;
}

.select-search:not(.select-search--multiple) .select-search__select {
	width: 460px;
	height: auto;
	max-height: 400px;
	z-index: 100;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

.select-search__options {
	padding: 0px;
	min-height: 40px;
}

.select-search__option {
	min-height: 40px;
}

.select-search__value::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 15px;
	right: 5px;
	width: 7px;
	height: 7px;
}

.mbo-sheet-comp-trasv-evaluations {
	display: block;
}

.mbo-sheet-acceptance.checkbox {
	margin-right: 10px;
}

.trw-home.scCOVER,
.trw-intro.scCOVER,
.trw-info.scCOVER {
	line-height: 150%;
}

.cpm-subsec {
	background-color: #f2f2f2;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}

.cpm-subsec-cnt {
	margin-right: 15px;
	margin-left: 5px;
	margin-top: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	height: 100%;
}

.bg-white {
	background-color: white;
}

.cpm-title-elements.item {
	color: #337ab7;
	font-size: 24px;
}

.cpm-header-card-title {
	background-color: #817f81;
	height: 50px;
	border-radius: 10px;
	display: table;
	width: 100%;
	line-height: 50px;
	vertical-align: middle;
	border: 2px solid #817f81;
	border-top-color: rgb(129, 127, 129);
	border-right-color: rgb(129, 127, 129);
	border-bottom-color: rgb(129, 127, 129);
	border-left-color: rgb(129, 127, 129);
	color: white !important;
	padding: 10px;
}

.cpm-header.header-block {
	background-color: transparent;
	border: none;
}

.cpm-header-card.cpm-header-front {
	border: none;
}

.cpm-header-card-img {
	width: auto;
	height: 35px;
}

.cpm-header-card-title {
	font-size: 24px;
}

.job-overview-block-title-img {
	width: auto;
	height: 35px;
}
h3 {
	font-size: 24px;
}

.job-overview-block-header {
	margin-top: 10px !important;
}

.job-overview-block-data-cnt {
	margin-top: 0px !important;
}

.job-details-row-title,
.job-details-row-value,
.job-overview-field {
	color: #637280 !important;
	font-size: 14px !important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.job-details-row-title {
	text-align: left;
}

.job-details-row {
	border-bottom: 1px solid gray;
}

.cpm-card-img {
	width: 50px;
	height: 50px;
}

.cpm-print {
	background-color: rgba(0, 168, 200, 1) !important;
}

.cpm-card-header {
	padding-left: 5 px;
	padding-right: 5px;
}

.cpm-title-elements {
	margin-top: 10px;
}

.cpm-title-elements.item {
	color: #337ab7;
}

.cpm-subsec.comp-item-details {
	width: 100%;
}

.table-responsive {
	/* ATTENTION: Michele Caimi absolutly doesn't want scrollable tables, try us apply fixed column size instead */
	overflow-x: unset;
}

.mbo-sheet-logo.visible-print {
	width: 100px;
}

.mbo-sheet-logo.visible-print .mbo-sheet-logo-img {
	width: 250px;
}

.tree-cnt {
	background-color: #efefef;
	min-height: 50px;
}

.history-cnt {
	background-color: #efefef;
	min-height: 50px;
}

.tree {
	/* border: 1px solid red; */
	height: 400px !important;
}

.rst__row.selected-node .rst__rowContents {
	background-color: lightgray;
}

.rstcustom__row.selected-node
	.rstcustom__rowContents
	.rstcustom__rowLabel
	span {
	font-weight: bold;
}

.tree-body {
	height: 100% !important;
	min-height: 800px;
}

.rstcustom__rowSearchMatch {
	box-shadow: none;
	background: lightgrey;
}

.rstcustom__rowSearchFocus {
	box-shadow: none;
	background: lightyellow;
}

.continuous-feedback.topic-header.arguments {
	padding-bottom: 10px;
}

.search-langauges {
	width: auto !important;
	margin-left: 10px;
	flex-grow: 1;
}

.search-langauges {
	width: auto !important;
	margin-right: 10px;
	flex-grow: 1;
}

.languages-selector-cnt .select-search {
	margin-right: 10px;
	width: 20%;
}

.language-translation-cnt {
	box-shadow: 0 0 3px lightgray;
}

.languages-translate-cnt .tab-content {
	background: none;
	border: none;
	padding: 0;
}

.languages-translate-cnt .tab-content .tab-pane {
	background: none;
	border: none;
	padding: 0;
}

.languages-translate-cnt .tab-content .tab-pane .row:first-child {
	margin: 0;
}

.languages-translate-cnt .card-body > div:first-child {
	padding: 0;
}
/* .languages-translate-cnt .card-table-cnt.card{
    border: none;
} */

.languages-translate-cnt .card-body {
	padding: 0;
}

.languages-translate-cnt .card-body table td {
	border: none;
}

.languages-translate-cnt .card-body table tr {
	background-color: white;
}
/* .languages-translate-cnt .card-body .card-table-title.card-title{
    background-color: white;
 } */
.languages-translate-cnt .card-body table thead {
	display: none;
}

.languages-translate-cnt .card-body table tbody {
	margin-top: 10px;
}

.languages-translate-cnt .card-body .form-cnt {
	padding: 0;
}

.language-translate-form-cnt .form-cnt {
	margin-bottom: 0px !important;
}

.language-translate-form-cnt .form-container {
	padding: 0px !important;
}

.language-translate-form-cnt .justify-content-center {
	display: none;
}

.language-translate-form-cnt .form-container {
	border: none;
}

.language-translate-form-cnt .form-group {
	margin-top: 0;
}

.languages-translate-form-cnt {
	position: relative;
}

.languages-translate-form-cnt .spinner-border {
	position: absolute;
	right: 0;
	z-index: 1;
	margin-top: 10px;
}

.loading-file .form-cnt {
	min-width: 300px;
}

.modal-dialog {
	max-width: 60%;
}

.w-50px {
	width: 50px;
}

.card-message-title {
	background-color: var(--background);
}

.trw-front-link-img img {
	width: 100%;
}

.trw-front-link-doc {
	margin-top: 10px;
}

.trw-front-graph-home-cnt .recharts-wrapper {
	background-color: var(--light-gray);
}

.trw-front-graph-home-cnt .recharts-legend-wrapper {
	margin-top: 10px;
}

.trw-front-graph-home-cnt {
	min-height: 400px;
}

.trw-fron-hcustom-tooltip {
	background-color: var(--dark);
	border-radius: 10px;
	opacity: 0.8;
	padding: 10px;
}

.trw-fron-hcustom-tooltip .label {
	font-weight: bold;
	color: white;
}

.trw-fron-hcustom-tooltip .value {
	color: white;
}

.ou-not-assigned-res-form {
	margin-bottom: 5px !important;
	padding: 0px !important;
	padding-right: 20px !important;
}

.no-margin {
	margin: 0px !important;
}

.no-submit-btn .form-btn-container {
	display: none !important;
}

.mbo-objective-scale-values {
	border-bottom: gray 1px solid;
}

.mbo-objective-scale-values:last-child {
	border-bottom: none;
}

.todo-heder-box {
	max-width: 108px;
	aspect-ratio: 1;
}

.avatar-dashboard-user {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

.avatar-dashboard-user.O {
	background-color: var(--warning);
	border-color: var(--warning);
}

.avatar-dashboard-user.W {
	background: linear-gradient(225deg, #00ac41 0, #009de0 100%) !important;
	border-color: linear-gradient(225deg, #00ac41 0, #009de0 100%) !important;
}

.avatar-dashboard-user.C {
	background-color: var(--complete);
	border-color: var(--complete);
}

.avatar-dashboard-user .user-icon {
	margin-top: 13px;
	margin-left: 13px;
}

.btn-upload-cnt .my-btn-primary {
	font-weight: 500;
	padding: 0.625rem 1rem 0.5rem;
	font-size: 0.75rem;
	line-height: 1.5;
}

.btn-upload-cnt .form-cnt {
	margin-bottom: 0px !important;
}

.btn-upload-cnt .form-cnt .my-btn-primary {
	margin: 0px !important;
}

.tree-header .form-cnt {
	margin-bottom: 0px !important;
}

.tree-header .form-cnt .my-btn {
	margin: 0px !important;
}

.trw-adm-table {
	background-color: rgba(255, 255, 255, 0.95);
}

.trw-history-graph {
	background-color: white;
	border-radius: 10px;
}

.form-cnt.upload-btn,
.form-container.upload-btn {
	padding: 0px !important;
	margin: 0px !important;
	float: left;
	width: 65px;
	border: none;
	background: none;
	flex: none;
}

.form-cnt.upload-btn .form-group {
	margin-right: 0px !important;
}

.form-cnt.upload-btn .my-btn,
.form-cnt.upload-btn .form-btn-container {
	margin: 0px !important;
}

.form-cnt.upload-btn {
	margin: 0.25rem !important;
}

.form-cnt.upload-btn,
.form-cnt.upload-btn .my-btn {
	height: 41px;
}
label.upload-btn {
	display: none;
}

.form-cnt.upload-btn.btn-org-unit,
.form-container.upload-btn.btn-org-unit {
	width: 38px;
}

.form-cnt.upload-btn.btn-org-unit,
.form-cnt.upload-btn.btn-org-unit .my-btn {
	height: 28px;
	width: 38px;
}

.form-cnt.upload-btn.btn-org-unit {
	margin: 0px !important;
}

.form-cnt.upload-btn.btn-org-unit {
	margin-right: 0.5rem !important;
}

.form-cnt.upload-btn.btn-org-unit .my-btn {
	padding: 0.375rem 0.75rem;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5;
}

.form-cnt.upload-btn.btn-resources {
	margin: 0px !important;
	margin-right: 0.5rem !important;
}

.form-cnt.upload-btn.btn-resources .my-btn {
	padding: 0.375rem 0.75rem;
	font-weight: 400;
	font-size: 0.9rem;
	line-height: 1.5;
}

.sheet-proposal {
}

.mbo-sheet-proposal-phase.selected {
	background-color: #fce6db;
	padding-top: 5px;
	padding-bottom: 15px;
}

.mbo-sheet-proposal-list-item {
	color: #817d7d;
	font-size: 13px;
	padding-top: 5px;
	border: none;
	padding-bottom: 5px;
	border-bottom: 1px solid #817d7d;
	background-color: transparent;
}

.mbo-sheet-proposal-phase ul li {
	padding-left: 10px;
	padding-right: 10px;
}

.sheet-salary-chart-cnt .label {
	font-size: 0.9rem;
	font-weight: bold;
}

.sheet-salary-chart-cnt .currency {
	font-size: 0.9rem;
}

.sheet-salary-chart-cnt .num {
	font-size: 0.9rem;
	font-weight: bold;
	color: #039fb9;
}

.sheet-salary-chart-cnt .total {
	font-size: 0.9rem;
}

.sheet-salary-chart-cnt {
	width: 260px !important;
}

.sheet-salary-chart-cnt .descriptors {
	width: 100px !important;
	float: right;
	padding-top: 25px;
	margin-left: 10px;
}

.sheet-salary-table tr:nth-child(even) td:first-child,
.sheet-salary-table tr:nth-child(even) th:first-child,
.sheet-salary-table tr:nth-child(even) td:nth-child(2),
.sheet-salary-table tr:nth-child(even) th:nth-child(2) {
	background-color: white;
}

.sheet-salary-table tr:nth-child(odd) td:first-child,
.sheet-salary-table tr:nth-child(odd) th:first-child,
.sheet-salary-table tr:nth-child(odd) td:nth-child(2),
.sheet-salary-table tr:nth-child(odd) th:nth-child(2) {
	background-color: #eaeaea;
}

/* .sheet-salary-table td:nth-child(2),
.sheet-salary-table th:nth-child(2) {

} */

.sheet-salary-table td:first-child,
.sheet-salary-table th:first-child {
	position: sticky;
	left: 0;
	z-index: 1;
	border-top: 1px solid #dee2e6;
	/* background-color: white; */
}

.sheet-salary-table td:nth-child(2),
.sheet-salary-table th:nth-child(2) {
	position: sticky;
	left: 161px;
	z-index: 1;
	border-top: 1px solid #dee2e6;
	border-right: 3px solid #337ab7;
	/* background-color: white; */
}

.sheet-salary-table th {
	position: sticky;
	top: 0;
	/* background: #eee; */
	z-index: 2;
}

.sheet-salary-table th:first-child,
.sheet-salary-table th:nth-child(2) {
	z-index: 3;
}

.Step1.externalRefId input {
	pointer-events: none;
	color: #aaa;
	background: #f5f5f5;
}

.custom-tooltip {
	background-color: white !important;
	border-radius: 10px;
}

.mbo-sheet-objectives-table-col.actions {
	width: 100px !important;
}

.full-width .select-search{
	width: 100%;
}

.select-nav-item{
	width: 300px;
}

/*
.sheet-objectives.mbo-sheet-header {
	background-color: pink;
}

.sheet-comp-trasv.mbo-sheet-header {
}

.sheet-acceptance.mbo-sheet-header {
}

.sheet-comments.mbo-sheet-header {
}

.sheet-dev-plan.mbo-sheet-header {
}

.sheet-comp-roles.mbo-sheet-header {
}

.sheet-header.mbo-sheet-header {
}

.sheet-hr-panel.mbo-sheet-header {
}

.sheet-salary.mbo-sheet-header {
}

.sheet-sidebar.mbo-sheet-header {
}

.sheet-sintesi.mbo-sheet-header {
}

.sheet-succ-plan.mbo-sheet-header {
}
*/

.rwd-module-img {	    float: right;    width: 120px; }


.sheet-salary-chart-cnt .label {
	font-size: 0.9rem;
	font-weight: bold;
}

.sheet-salary-chart-cnt .currency {
	font-size: 0.9rem;
}

.sheet-salary-chart-cnt .num {
	font-size: 0.9rem;
	font-weight: bold;
	color: #039fb9;
}

.sheet-salary-chart-cnt .total {
	font-size: 0.9rem;
}

.sheet-salary-chart-cnt {
	width: 360px !important;
}

.sheet-salary-chart-cnt .descriptors {
	width: 200px !important;
	float: right;
	padding-top: 25px;
	margin-left: 10px;
}

.sheet-salary-table tr:nth-child(even) td:first-child,
.sheet-salary-table tr:nth-child(even) th:first-child,
.sheet-salary-table tr:nth-child(even) td:nth-child(2),
.sheet-salary-table tr:nth-child(even) th:nth-child(2) {
	background-color: white;
}

.sheet-salary-table tr:nth-child(odd) td:first-child,
.sheet-salary-table tr:nth-child(odd) th:first-child,
.sheet-salary-table tr:nth-child(odd) td:nth-child(2),
.sheet-salary-table tr:nth-child(odd) th:nth-child(2) {
	background-color: #eaeaea;
}

.sheet-salary-table td:first-child,
.sheet-salary-table th:first-child {
	position: sticky;
	left: 0;
	z-index: 1; /* REMOVED BECAUSE OVERLAYED TO DATEPICKER, TRY TO UNDERSTAND IF NEEDED ON SAL MODULE */
	border-top: 1px solid #dee2e6;
}

.sheet-salary-table td:nth-child(2),
.sheet-salary-table th:nth-child(2) {
	position: sticky;
	left: 161px;
	z-index: 1; /* REMOVED BECAUSE OVERLAYED TO DATEPICKER, TRY TO UNDERSTAND IF NEEDED ON SAL MODULE */
	border-top: 1px solid #dee2e6;
	border-right: 3px solid #337ab7;
}

.sheet-salary-table th {
	position: sticky;
	top: 0;
	z-index: 2; /* REMOVED BECAUSE OVERLAYED TO DATEPICKER, TRY TO UNDERSTAND IF NEEDED ON SAL MODULE */
}

.sheet-salary-table th:first-child,
.sheet-salary-table th:nth-child(2) {
	/* z-index: 3; */ /* REMOVED BECAUSE OVERLAYED TO DATEPICKER, TRY TO UNDERSTAND IF NEEDED ON SAL MODULE */
}