/* CSS Document */
.modal-header.style-primary {
	background-color: #0aa89e;
	border-color: #0aa89e;
	color: #ffffff;
}
.mysquare {
	width: 40px;
	padding: 40px;
	border-radius: 4px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	border: 2px solid #FFFFFF;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
}
.mysquare-50 {
	width: 50px;
	padding: 50px;
	border-radius: 4px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	border: 2px solid #FFFFFF;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
}
.mysquare-azienda {
	width: 320px;
	height: 120px;
	border-radius: 4px;
	background-origin: padding-box;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-size: auto;
	background-position-x: left;
	background-position-y: center;
	border: 2px solid #FFFFFF;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
}
.mythumb {
	width: 40px;
	padding: 40px;
	border-radius: 40px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border: 2px solid #FFFFFF;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
}
.mythumb-12 {
	width: 12px;
	padding: 12px;
	border-radius: 12px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border: 2px solid #FFFFFF;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
}
.mythumb-20 {
	width: 20px;
	padding: 20px;
	border-radius: 20px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border: 2px solid #FFFFFF;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
}
.mythumb-50 {
	width: 50px;
	padding: 50px;
	background-color: #FFFFFF;
	border-radius: 50px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border: 2px solid #FFFFFF;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
}
#anteprima {
	cursor: pointer!important;
	margin-bottom: 30px;
}
#anteprima:hover {
	filter: brightness(96%);
	-webkit-filter: brightness(96%);
	-moz-filter: brightness(96%);
	-o-filter: brightness(96%);
	-ms-filter: brightness(96%);
}
#formlogin {
	margin-top: 40px;
}
.mr-4 {
	margin-right: 4px;
}
.version {
	color: #969c9c;
	padding-top: 30px
}
.paginatore {
	float: left;
	padding: 10px 10px;
	font-size: 12px;
}
.smalltext {
	font-size: 10px!important;
}
.mediumtext {
	font-size: 13px!important;
}
.point {
	cursor: pointer!important;
}
.dz-message {
	padding: 2em 2em 4em 2em!important;
	border: 2px dashed #000000!important;
}
.divisorio {
	 border: none;
     /*border-top: 2px dashed rgba(12, 12, 12, 0.2);*/
	 border-top: 2px dashed #000000;
     margin: 10px 0;	
}
.line-dx {
	border-right: 1px dashed rgba(12, 12, 12, 0.2);
}
.line-top {
	padding-top: 10px;
	padding-bottom: 20px;
	border-top: 2px dashed #000000;
	font-size: 14px;
}
.pd-dx-15 {
	padding-right: 15px;
}
.pd-sx-15 {
	padding-left: 15px;
}
.pd-sx-5 {
	padding-left: 5px!important;
}
.pd-dx-5 {
	padding-right: 5px!important;
}
/* width */
.myscroolbar::-webkit-scrollbar {
 width: 10px;
}
/* Track */
.myscroolbar::-webkit-scrollbar-track {
 background: #f1f1f1;
}
 
/* Handle */
.myscroolbar::-webkit-scrollbar-thumb {
 background: #888;
}

/* Handle on hover */
.myscroolbar::-webkit-scrollbar-thumb:hover {
 background: #555;
}
/* questo per lo scrool all'autocompleter */
ul.ui-widget-content {
	padding: 2px!important;
	min-height: 26px!important;
	max-height: 300px!important;
	overflow: hidden!important;
	overflow-y: auto!important;
}
.loadapi {
	position: absolute;
	top: 22px;
	right: 0px
}
.mytabnav {
	margin-right: 6px;
}
/* */
.mypadded {
	margin-top: 5px;
	padding: 5px 10px 5px 10px;
}
.mybadge {
	-webkit-border-top-right-radius: 100px!important;
	-webkit-border-bottom-right-radius: 100px!important;
	-moz-border-radius-topright: 100px!important;
	-moz-border-radius-bottomright: 100px!important;
	border-top-right-radius: 100px!important;
	border-bottom-right-radius: 100px!important;
	padding-right: 14px!important;
	font-size: 10px!important;
	line-height: 15px!important;
	background-color: rgba(0, 0, 0, 0.8)!important;
}
#formreparti .ms-container .ms-list {
	height: 320px!important;
}
#formcommessa .ms-container .ms-list {
	height: 240px!important;
}
.dropdown-menu .divider {
	height: 1px!important;
	margin: 5px 0!important;
	overflow: hidden!important;
	background-color: #e5e5e5!important;
}
/* gantt */
#gantt_here {
	width: 100%;
	height: 800px;
	height: calc(100vh - 124px);
}
.gantt_cal_light a {
	text-decoration: none !important;
}
.gantt_cal_cover {
	background-color: rgba(0, 0, 0, 0.45) !important;
	opacity: 1 !important;
}
.gantt_cal_light {
	border: 1px solid #dee2e6 !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important;
	overflow: hidden;
}
.gantt_cal_ltitle {
	box-sizing: border-box;
	border-bottom: 1px solid #dee2e6 !important;
	background-color: #f8f9fa !important;
	color: #212529 !important;
	font-size: 16px !important;
	font-weight: 600 !important;
}
.gantt_cal_larea {
	box-sizing: border-box;
	background-color: #ffffff !important;
	color: #212529 !important;
}
.gantt_cal_lsection {
	color: #495057 !important;
	font-size: 13px !important;
	font-weight: 600 !important;
}
.gantt_cal_larea input[type="text"], .gantt_cal_larea input[type="number"], .gantt_cal_larea textarea, .gantt_cal_larea select {
	box-sizing: border-box;
	border: 1px solid #ced4da !important;
	border-radius: 5px !important;
	background-color: #ffffff !important;
	color: #212529 !important;
}
.gantt_cal_larea input[type="text"]:focus, .gantt_cal_larea input[type="number"]:focus, .gantt_cal_larea textarea:focus, .gantt_cal_larea select:focus {
	border-color: #86b7fe !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.15) !important;
}
.gantt_cal_footer {
	box-sizing: border-box;
	border-top: 1px solid #dee2e6 !important;
	background-color: #f8f9fa !important;
}
.gantt_save_btn_set {
	width: 120px!important;
	border-radius: 5px !important;
	background-color: #0d6efd !important;
	color: #ffffff !important;
}
.gantt_cancel_btn_set {
	width: 120px!important;
	border-radius: 5px !important;
	background-color: #6c757d !important;
	color: #ffffff !important;
}
.gantt_delete_btn_set {
	width: 120px!important;
	border-radius: 5px !important;
	background-color: #dc3545 !important;
	color: #ffffff !important;
}
.gantt_save_btn_set:hover {
	background-color: #0b5ed7 !important;
}
.gantt_cancel_btn_set:hover {
	background-color: #5c636a !important;
}
.gantt_delete_btn_set:hover {
	background-color: #bb2d3b !important;
}
.gantt_cal_larea .gantt_resource_selector {
	border-radius: 5px;
}
.gantt_cal_lcontrols .gantt_btn_set .gantt_delete_btn:before {
	content: ""!important;
}
.gantt_cal_larea input[type="text"], .gantt_cal_larea input[type="number"], .gantt_cal_larea textarea, .gantt_cal_larea select {
	box-sizing: border-box;
	border: 1px solid #ced4da !important;
	border-radius: 0!important;
	background-color: #ffffff !important;
	color: #212529 !important;
}
@media screen and (max-width: 700px) {
.gantt_cal_light {
	max-width: calc(100vw - 30px) !important;
}
}
#toolbar {
	padding: 8px 12px;
	box-sizing: border-box;
	border-bottom: 1px solid #d6d6d6;
	background: #f7f7f7;
	text-align: right;
}
#toolbar button {
	padding: 6px 12px;
	margin-right: 6px;
	cursor: pointer;
}
.gantt_grid_scale .gantt_grid_head_cell, .gantt_task .gantt_task_scale .gantt_scale_cell {
	font-weight: bold;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.7);
}
.gantt_layout_cell .gantt_resizer {
	background: #d0d0d0;
	opacity: 0.7;
	cursor: col-resize;
}
.gantt_layout_cell .gantt_resizer:hover {
	background: #1ca1c9;
}
.task-with-many-resources {
	min-height: 42px;
}
.no_resize .gantt_task_drag {
	display: none !important;
}
.resource_marker {
	text-align: center;
}
.resource_marker div {
	width: 28px;
	height: 28px;
	border-radius: 15px;
	color: #FFF;
	margin: 3px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.resource_marker.workday_ok div {
	background: var(--dhx-gantt-base-colors-success);
	box-shadow: 0 2px 2px rgb(16 24 40 / 18%);
}
.resource_marker.workday_over div {
	background: var(--dhx-gantt-base-colors-error);
	box-shadow: 0 2px 2px rgb(16 24 40 / 18%);
}
.resource_marker.workday_info div {
	background: var(--dhx-gantt-base-colors-primary);
	box-shadow: 0 2px 2px rgb(16 24 40 / 18%);
}
.folder_row {
	font-weight: bold;
}
.highlighted_resource, .highlighted_resource.odd {
	background-color: rgba(255, 251, 224, 0.6);
}
.resource-controls .gantt_layout_content {
	padding: 7px;
	overflow: hidden;
}
.resource-controls label {
	margin: 0 10px;
	vertical-align: bottom;
	display: inline-block;
	color: #3e3e3e;
	padding: 2px;
	transition: box-shadow 0.2s;
}
.resource-controls label:hover {
	box-shadow: 0 2px rgba(84, 147, 255, 0.42);
}
.resource-controls label.active, .resource-controls label.active:hover {
	box-shadow: 0 2px #5493ffae;
	color: #1f1f1f;
}
.resource-controls input {
	vertical-align: top;
}
.gantt_task_cell.week_end, .gantt_task_cell.no_work_hour {
	background-color: #F2F2F2;
	background-image: repeating-linear-gradient( 45deg, transparent 0px, transparent 5px, rgba(210, 210, 210, 0.76) 6px, rgba(210, 210, 210, 0.76) 5px );
}
.gantt_task_row.gantt_selected .gantt_task_cell.week_end {
	background-color: var(--dhx-gantt-base-colors-select);
}
.group_row, .group_row.odd, .gantt_task_row.group_row {
	background-color: rgba(232, 232, 232, 0.6);
}
.owner-label {
	width: 20px;
	height: 20px;
	font-size: 12px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #cccccc;
	border-radius: 25px;
	background: #e6e6e6;
	color: #6f6f6f;
	margin: 0 3px;
	font-weight: bold;
}
.status_line {
	background-color: #0ca30a;
}
.gantt_task_line {
	border: none;
	border-radius: 5px;
	box-shadow: 0 1px 2px rgb(16 24 40 / 18%)!important;
}
.gantt_task_line.high {
 --dhx-gantt-task-background: #d96c49;
 --dhx-gantt-task-color: #fff;
}
.gantt_task_line.medium {
 --dhx-gantt-task-background: #f57730;
 --dhx-gantt-task-color: #fff;
}
.gantt_task_line.low {
 --dhx-gantt-task-background: #fff;
 --dhx-gantt-task-color: #fff;
}
.resource_ferie {
	background: repeating-linear-gradient(45deg, rgba(220,38,38,.18) 0 5px, rgba(220,38,38,.05) 5px 10px);
	pointer-events: none;
}
.nested_task .gantt_add {
	display: none !important;
}
.gantt_tooltip {
	font-size: 13px;
	line-height: 16px;
}
.gantt_grid_scale {
	background: rgba(232, 232, 232, 0.6);
	color: var(--dhx-gantt-grid-scale-color);
}
.gantt_task_scale {
	background: rgba(232, 232, 232, 0.6);
	color: var(--dhx-gantt-timeline-scale-color);
}
.gantt_row.odd {
	background-color: rgba(232, 232, 232, 0.1);
}
.gantt_section_colore select option {
	font-size: 18px;
}
.gantt_task_vscroll {
	background: rgba(232, 232, 232, 0.6);
}
/* DHTMLX Gantt - Error Message */
.gantt_message_area .gantt-info.gantt-error {
	background: #ffffff;
	color: #1f2937;
	border: 2px solid #dc2626;
	border-left: 4px solid #dc2626;
	border-radius: 6px;
	padding: 12px 16px;
	min-width: 280px;
	max-width: 420px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.06);
	font-size: 14px;
	line-height: 1.45;
}
/* Titolo/contenuto */
.gantt_message_area .gantt-info.gantt-error::before {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	margin-right: 10px;
	background: #fee2e2;
	color: #dc2626;
	border-radius: 50%;
	font-size: 13px;
	font-weight: 800;
	vertical-align: middle;
}
/* Hover */
.gantt_message_area .gantt-info.gantt-error:hover {
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.06);
}
.gantt_message_area .gantt-info.gantt-error::after {
	content: "x";
	position: absolute;
	top: 10px;
	right: 14px;
	color: #dc2626;
	font-size: 20px;
	font-weight: 600;
	line-height: 1;
}
.gantt_task_content {
    text-overflow: ellipsis!important;
}
.hide_project_progress_drag .gantt_task_progress_drag {
	visibility: hidden;
}
.modal-header, .modal-footer {
	cursor: all-scroll!important;
}
.max-ore {
	color: red!important;
}
.datepicker td.giorno-disabilitato {
    /*background: #f5a623 !important;*/
    color: #BE252A!important;
    /*border: 1px solid #e08b00 !important;*/
}

.datepicker td.giorno-disabilitato {
    opacity: 1 !important;
}

.datepicker td.giorno-default {
    /*background: #f5a623 !important;*/
    color: #353132!important;
    /*border: 1px solid #e08b00 !important;*/
}
.hide-add-button .gantt_add {
    display: none !important;
}
.gantt_grid_head_add {
    display: none !important;
}
.select_color {
	border: 4px solid #ffffff!important;
}
.row_attivita {
	padding-left: 10px!important;
	padding-right: 10px!important;
	background: #E5E6E6!important;
	font-style: italic!important;
	font-size: 14px!important;
	font-weight: 800!important;
}
.row_attivita:nth-child(2) {
	font-size: 16px!important;
	border-radius: 0px 9px 2px 0px;
	-webkit-border-radius: 0px 9px 2px 0px;
	-moz-border-radius: 0px 9px 2px 0px;	
}