:root {
    --sidebar-width: 280px;
    --sidebar-width-collapsed: 80px;
}

	html, body {
		height: 100%;
	}
	
	template {
		display: none;
	}
	
	.w-10 {	width: 10%!important; }
	.w-15 {	width: 15%!important; }
	.w-20 {	width: 20%!important;	}
	.w-30 {	width: 30%!important;	}
	.w-40 {	width: 40%!important;	}
	.w-60 {	width: 60%!important;	}
	.w-70 {	width: 70%!important;	}
	.w-80 {	width: 80%!important;	}
	.w-85 {	width: 85%!important;	}
	.w-90 {	width: 90%!important;	}
	
	.modal .modal-dialog .modal-content .modal-body .input-group .input-group-text .fas {
		margin-right: 5px;
	}
	
	#div-content, #div-sidebar-menu, #div-page-content, #div-page-content .card {
		height: 100%;
		overflow-y: hidden;
	}
	#div-page-content .card-body {
		height: 100%;
		overflow-y: scroll;
	}
	
	#div-sx-menu {
		z-index: 11;
		width: var(--sidebar-width);
    transition: all 0.3s ease;
	}
	
	#div-sx-menu.collapsed {
    width: var(--sidebar-width-collapsed);
	}
	
	#div-sx-menu .toggle-btn {
    position: absolute;
    right: -15px;
    top: 20px;
    background: white;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    z-index: 100;
    cursor: pointer;
    transition: transform 0.3s ease;
	}

	#div-sx-menu.collapsed .toggle-btn {
		transform: rotate(180deg);
	}

	#div-sx-menu.collapsed .hide-on-collapse {
		opacity: 0;
		visibility: hidden;
	}
	
	#div-sx-menu-container {
		position: relative;
	}
	
	#div-sx-menu-footer {
		position: absolute;
		right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
	}
	
	#modal-login {
		background-color: #d3d3d3;
		opacity: 0.9;
	}
	#modal-login .modal-dialog .modal-content .modal-body {
		height: 200px;
	}
	
	#modal-project .modal-dialog .modal-content .modal-body {
		height: 60vh;
	}
	
	#modal-task .modal-dialog .modal-content .modal-body {
		height: 60vh;
	}
	#list-risorse, #list-squadra, #list-ruoli {
		min-height: 72px;
    padding: 4px;
	}
	#list-risorse {
		width: 98%;
	}
	.modal textarea {
		font-size: clamp(8px, .9vw, 14px);
	}
	.list-group.is-invalid {
    border-color: var(--bs-form-invalid-border-color)!important;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
	}
	.list-group .list-group-item {
		width: 50px;
    height: 50px;
    display: inline-block;
    padding: 0;
    position: relative;
	}
	.list-group .list-group-item:hover {
		cursor: pointer;
	}
	.list-group .list-group-item span.span-user {
		position: absolute;
    display: inline-block;
    width: 100%;
    height: 25px;
    text-align: center;
    top: 25%;
    font-weight: bold;
	}
	
	#list-risorse.list-group .list-group-item {
		margin-right: 5px;
		margin-bottom: 5px;
	}
	#list-squadra.list-group .list-group-item {
		margin: 0 auto 5px;
	}
	#list-ruoli .list-group-item {
		width: 100%;
		height: auto;
		margin: 0 auto 5px;
		border: 0;
	}
	#list-ruoli .list-group-item .input-group {
		width: 98%;
    margin: 10px auto;
	}
	#list-ruoli input[type=week], #list-ruoli input[type=week]:focus, #list-ruoli input[type=week]:focus-visible {
		border: var(--bs-border-width) solid var(--bs-border-color);
	}
	
	.toast-container .toast .toast-body {
		min-height: 6rem;
	}
	
	#div-sidebar-menu ul.nav.text-dark .nav-item .nav-link {
		--bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important;
	}
	#div-sidebar-menu ul.nav.text-dark .nav-item .nav-link:hover {
    color: rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important;
	}
	#div-sidebar-menu ul.nav.text-dark .nav-item .nav-link.active {
    color: rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important;
		font-weight: 600;
		background-color: inherit;
	}
	
	#div-page-content {
		padding: .5rem;
	}	
	#div-page-content .card-body {
		padding: .5rem;
	}

/* ### GANTT ################################################################################### */

	:root {
		--gantt-cell-height: 30px;
		--gantt-cell-width: 50px;
		--gantt-bar-height: 24px;
		--color-analisi: #8fbc8f;
		--color-sviluppo: #6495ed;
		--color-collaudo: #dda0dd;
		--color-rilasciotest: #f0e68c;
		--color-rilasciobeta: #ffd700;
		--color-rilascioprod: #ffa500;
		--color-manutenzione: #f5f5dc;
		--color-feriepermessi: #8f8787;
	}

	.gantt {
		width: 100%;
		margin: 0 auto;
		border: 5px solid #ddd;
		position: relative;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 5px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		font-size: clamp(10px, 1vw, 16px);
	}

	.gantt:after {
		content: ".";
		visibility: hidden;
		display: block;
		height: 0;
		clear: both;
	}

	.fn-gantt {
		width: 100%;
	}

	.fn-gantt *, .fn-gantt *:after, .fn-gantt *:before {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.fn-gantt .fn-content {
		overflow: hidden;
		position: relative;
		width: 100%;
	}
	
	.fn-gantt .btn-xs {
		--bs-btn-padding-y: 2px;
		--bs-btn-padding-x: 4px;
		--bs-btn-font-size: 0.75rem;
		margin-top: 3px;
		margin-right: 2px;
	}
	
	.fn-gantt .custom-tooltip {
		--bs-tooltip-bg: var(--bd-violet-bg);
		--bs-tooltip-color: var(--bs-white);
		font-size: 11px;
	}

	.fn-gantt .row {
		float: left;
		height: var(--gantt-cell-height);
		line-height: var(--gantt-cell-height);
		margin: 0;
		padding: 0;
	}

	/* === LEFT PANEL === */

	.fn-gantt .leftPanel {
		float: left;
		width: 25%;
		overflow: hidden;
		border-right: 1px solid #DDD;
		position: relative;
		z-index: 20;
	}

	.fn-gantt .leftPanel .fn-label {
		display: inline-block;
		margin: 0 0 0 5px;
		color: #484A4D;
		width: 100%;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		font-size: 12px;
	}
	.fn-gantt .leftPanel .row, .fn-gantt .leftPanel .row .fn-label {
		margin: 0;
		padding: 0;
		height: 100%;
		line-height: 2;
	}
	.fn-gantt .leftPanel .row.desc .fn-label div.rounded-circle {
		width: 25px;
		height: 25px;
		display: inline-block;
		margin-top: 3px;
	}
	.fn-gantt .leftPanel .row.desc .fn-label span.progetto {
		display: inline-block;
		width: 70%;
	}

	.fn-gantt .leftPanel .row {
		border-bottom: 1px solid #DDD;
	}
	.fn-gantt .leftPanel .name, .fn-gantt .leftPanel .desc {
		float: left;
		height: var(--gantt-cell-height);
		background-color: #f6f6f6;
	}
	.fn-gantt .leftPanel .name {
		width: 45%;
	}
	.fn-gantt .leftPanel .desc {
		width: 55%;
	}

	.fn-gantt .leftPanel .name {
		font-weight: bold;
	}

	.fn-gantt .leftPanel .fn-wide, .fn-gantt .leftPanel .fn-wide .fn-label {
		width: 100%;
	}

	.fn-gantt .leftPanel .spacer {
		height: 72px;
    position: relative;
		background-color: #f6f6f6;
		width: 100%;
	}
	.fn-gantt .leftPanel .row.spacer .row.name {
		position: absolute;
    bottom: 0;
    border: 0;
		text-transform: uppercase;
	}
	.fn-gantt .leftPanel .row.spacer .row.desc {
		position: absolute;
    bottom: 0;
    left: 50%;
    border: 0;
		font-weight: bold;
		text-transform: uppercase;
	}
	.fn-gantt .leftPanel .row.spacer .fn-label {
		text-align: center;
		font-size: 14px;
	}

	/* === RIGHT PANEL === */

	.fn-gantt .rightPanel {
		overflow: hidden;
	}

	.fn-gantt .dataPanel {
		margin-left: 0;
		outline: 1px solid #DDD;
		background-size: var(--gantt-cell-width) var(--gantt-cell-height);
    background-image: linear-gradient(to right, #DDD 1px, transparent 1px), linear-gradient(to bottom, #DDD 1px, transparent 1px);
		position: relative;
	}

	.fn-gantt .row.header {
		margin-left: 1px;
		margin-right: -1px;
		width: 100%;
	}
	
	.fn-gantt .cell {
		overflow: visible;
		width: var(--gantt-cell-width);
		padding: 0;
		border: 0;
		margin: 0;
	}

	.fn-gantt .day, .fn-gantt .date {
		overflow: visible;
		width: var(--gantt-cell-width);
		line-height: var(--gantt-cell-height);
		text-align: center;
		border-right: 1px solid #DDD;
		/*	border-bottom: 1px solid #DDD;	*/
		font-size: 11px;
		color: #484a4d;
		text-shadow: 0 1px 0 rgba(255,255,255,0.75);
		text-align: center;
		padding: 0;
	}
	
	.fn-gantt .day .fn-label, .fn-gantt .date .fn-label {
		padding: 0;
	}

	.fn-gantt .sa, .fn-gantt .sn, .fn-gantt .wd {
		height: var(--gantt-cell-height);
		text-align: center;
	}

	.fn-gantt .sa, .fn-gantt .sn {
		color: #939496;
		background-color: #f5f5f5;
		text-align: center;
	}

	.fn-gantt .wd {
		background-color: #f6f6f6;
		text-align: center;
	}

	.fn-gantt .holiday {
		background-color: #ffd263;
		height: var(--gantt-cell-height);
	}

	.fn-gantt .today {
		background-color: #fff8da;
		height: var(--gantt-cell-height);
		text-align: center;
	}
	
	.fn-gantt .today .fn-label {
		font-weight: bold;
	}
	
	.fn-gantt .today .fn-label .wk-range {
		font-weight: normal;
	}

	.fn-gantt .rightPanel .month, .fn-gantt .rightPanel .year {
		float: left;
		overflow: hidden;
		border-right: 1px solid #DDD;
		border-bottom: 1px solid #DDD;
		height: var(--gantt-cell-height);
		background-color: #f6f6f6;
		font-weight: bold;
		font-size: 11px;
		color: #484a4d;
		text-shadow: 0 1px 0 rgba(255,255,255,0.75);
		text-align: center;
	}
	
	.fn-gantt .rightPanel .year .fn-label {
		font-size: 14px;
	}
	
	.fn-gantt .rightPanel .month .fn-label {
		font-size: 13px;
	}
	
	.fn-gantt .rightPanel .day .fn-label {
		font-size: 12px;
		line-height: 1;
    padding-top: 2px;
	}
	.fn-gantt .rightPanel .day .fn-label .wk-range {
		font-size: 10px;
	}

	.fn-gantt-hint {
		border: 5px solid #edc332;
		background-color: #fff5d4;
		padding: 10px;
		position: absolute;
		display: none;
		z-index: 11;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

	.fn-gantt .bar {
		background-color: #D0E4FD;
		height: var(--gantt-bar-height);
		margin: 0;
		position: absolute;
		z-index: 10;
		text-align: left;
		-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.25) inset;
		-moz-box-shadow: 0 0 1px rgba(0,0,0,0.25) inset;
		box-shadow: 0 0 1px rgba(0,0,0,0.25) inset;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 5px;
	}
	
	.fn-gantt .bar .badge.bg-danger {
		padding: 0 2px;
		font-size: 60%;
		margin: 4px;
		position: absolute;	/*fixed;*/
	}
	
	.fn-gantt .bar .status-icon {
		margin: 4px;
	}
	
	.fn-gantt .bar .icon-link {
		display: none;
		float: right;
		font-size: 75%;
		margin: 4px;
	}
	
	.fn-gantt .bar:hover .icon-link, .fn-gantt .bar-res:hover .icon-link { 
		display:block;
	}

	.fn-gantt .bar .fn-label {
		line-height: var(--gantt-bar-height);
		font-weight: bold;
		white-space: nowrap;
		width: 100%;
		text-overflow: ellipsis;
		overflow: hidden;
		text-shadow: 0 1px 0 rgba(255,255,255,0.4);
		color: #414B57 !important;
		text-align: center;
		font-size: 11px;
	}
	
	.fn-gantt .bar-res {
		background-color: #D0E4FD;
		height: var(--gantt-bar-height);
		margin: 0;
		position: absolute;
		z-index: 10;
		-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.25) inset;
		-moz-box-shadow: 0 0 1px rgba(0,0,0,0.25) inset;
		box-shadow: 0 0 1px rgba(0,0,0,0.25) inset;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 5px;
		text-align: center;
		font-size: 11px;
		line-height: 2;
	}
	
	.fn-gantt .bar-res.target-ok {
		background-color: #c6efce;
		color: #006100;
	}
	
	.fn-gantt .bar-res.target-low {
		background-color: #ffeb9c;
		color: #9c5700;
	}
	
	.fn-gantt .bar-res.target-high {
		background-color: #ffc7ce;
		color: #9c0006;
	}
	
	.fn-gantt .bar-res .icon-link {
		display: none;
		position: absolute;
		font-size: 80%;
		top: 4px;
		right: 2px;
	}
	
	.gantt-popover .popover-body {
		--bs-popover-body-padding-x: 0.5rem;
		--bs-popover-body-padding-y: 0.5rem;
	}
	
	.gantt-popover .popover-body .crew-attivita {
		display: inline-block;
	}
	
	.gantt-popover .popover-body .crew-attivita .risorsa-attivita {
		display: inline-block;
		--bs-border-opacity: 1;
		border-color: rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important;
		--bs-bg-opacity: 1;
		background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important;
		border-radius: var(--bs-border-radius)!important;
		--bs-text-opacity: 1;
		color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important;
		font-weight: bold;
		margin-right: 5px;
    line-height: 1;
	}
	
	.gantt-popover .popover-body .crew-attivita .risorsa-attivita .badge {
		color: #fff!important;
		background-color: RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important;
		border-radius: var(--bs-border-radius-pill)!important;
		margin-left: 2px;
	}

	.fn-gantt .ganttRed {
		background-color: #F9C4E1;
	}
	.fn-gantt .ganttRed .fn-label {
		color: #78436D !important;
	}
	
	.fn-gantt .ganttBlue {
		background-color: #D0E4FD;
	}
	.fn-gantt .ganttBlue .fn-label {
		color: #3F51B5 !important;
	}

	.fn-gantt .ganttGreen {
		background-color: #D8EDA3;
	}
	.fn-gantt .ganttGreen .fn-label {
		color: #778461 !important;
	}

	.fn-gantt .ganttOrange {
		background-color: #FCD29A;
	}
	.fn-gantt .ganttOrange .fn-label {
		color: #714715 !important;
	}

	/* === BOTTOM NAVIGATION === */

	.fn-gantt .bottom {
		clear: both;
		background-color: #f6f6f6;
		width: 100%;
	}
	.fn-gantt .navigate {
		border-top: 1px solid #DDD;
		padding: 10px 0 10px 0;
	}

	.fn-gantt .navigate .nav-slider {
		height: 20px;
		width: 100%;
		display: inline-block;
	}

	.fn-gantt .navigate .nav-slider-left, .fn-gantt .navigate .nav-slider-right {
		text-align: center;
		height: 20px;
		display: inline-block;
	}

	.fn-gantt .navigate .nav-slider-left {
		float: left;
		line-height: 100%;
		width: 25%;
    text-align: right;
	}

	.fn-gantt .navigate .nav-slider-right {
		float: right;
	}

	.fn-gantt .navigate .nav-slider-content {
		text-align: left;
		width: 25%;
		height: 20px;
		display: inline-block;
		margin: 0 10px;
		position: relative;
	}

	.fn-gantt .navigate .nav-slider-bar, .fn-gantt .navigate .nav-slider-button {
		position: absolute;
		display: block;
	}

	.fn-gantt .navigate .nav-slider-bar {
		width: 80%;
		height: 6px;
		background-color: #838688;
		margin: 8px 0 0 0;
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;
		box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		left: 10%;
    top: 0;
	}

	.fn-gantt .navigate .nav-slider-button {
		width: 17px;
		height: 60px;
		background: url(../images/gantt/slider_handle.png) center center no-repeat;
		left: 0;
		top: 0;
		margin: -26px 0 0 0;
		cursor: pointer;
	}

	.fn-gantt .navigate .page-number {
		display: inline-block;
		font-size: 11px;
		height: 20px;
	}

	.fn-gantt .navigate .page-number span {
		color: #666666;
		margin: 0 6px;
		height: 20px;
		line-height: 20px;
		display: inline-block;
	}

	.fn-gantt .navigate a:link, .fn-gantt .navigate a:visited, .fn-gantt .navigate a:active {
		text-decoration: none;
	}

	.fn-gantt .nav-link {
		margin: 0 2px 0 2px;
		display: inline-block;
		width: 20px;
		height: 20px;
		font-size: 0;
		background: #595959 url(../images/gantt/icon_sprite.png) !important;
		border: 1px solid #454546;
		cursor: pointer;
		vertical-align: top;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 1px rgba(0,0,0,0.2);
		-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 1px rgba(0,0,0,0.2);
		box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 1px rgba(0,0,0,0.2);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.fn-gantt .nav-link:active {
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.25) inset, 0 1px 0 #FFF;
		-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.25) inset, 0 1px 0 #FFF;
		box-shadow: 0 1px 1px rgba(0,0,0,0.25) inset, 0 1px 0 #FFF;
	}

	.fn-gantt .navigate .nav-page-back {
		background-position: 1px 0 !important;
		margin: 0;
	}

	.fn-gantt .navigate .nav-page-next {
		background-position: 1px -16px !important;
		margin-right: 15px;
	}

	.fn-gantt .navigate .nav-slider .nav-page-next {
		margin-right: 5px;
	}

	.fn-gantt .navigate .nav-begin {
		background-position: 1px -112px !important;
	}

	.fn-gantt .navigate .nav-prev-week {
		background-position: 1px -128px !important;
	}

	.fn-gantt .navigate .nav-prev-day {
		background-position: 1px -48px !important;
	}

	.fn-gantt .navigate .nav-next-day {
		background-position: 1px -64px !important;
	}

	.fn-gantt .navigate .nav-next-week {
		background-position: 1px -160px !important;
		float: right;
	}

	.fn-gantt .navigate .nav-end {
		background-position: 1px -144px !important;
	}

	.fn-gantt .navigate .nav-zoomOut {
		background-position: 1px -96px !important;
	}

	.fn-gantt .navigate .nav-zoomIn {
		background-position: 1px -80px !important;
		margin-left: 15px;
	}

	.fn-gantt .navigate .nav-now {
		background-position: 1px -32px !important;
	}

	.fn-gantt .navigate .nav-slider .nav-now {
		margin-right: 5px;
	}
	
	.fn-gantt .legend {
		padding-bottom: 5px;
	}
	
	.fn-gantt .legend .div-legend {
		display: inline-block;
		margin-left: 5px;
		width: 150px;
		padding: 5px;
		font-size: 12px;
		font-weight: bold;
		border-radius: 5px;
		background-color: white;
	}
	
	.fn-gantt .legend .div-legend .badge {
		width: 15px;
		height: 15px;
	}

	.fn-gantt-loader {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#bf000000',GradientType=0 );
		background: rgba(0,0,0,0.75);
		cursor: wait;
		z-index: 30;
	}
	.fn-gantt-loader-spinner span {
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		text-align: center;
		height: 1em;
		line-height: 1em;
		color: #fff;
		font-size: 1em;
		font-weight: bold;
	}

	.row:after {
		clear: both;
	}

	.cssAnalisi {
		background-color: var(--color-analisi)!important;
	}
	.cssAnalisi span.badge {
		color: var(--color-analisi)!important;
	}

	.cssSviluppo {
		background-color: var(--color-sviluppo)!important;
	}
	.cssSviluppo span.badge {
		color: var(--color-sviluppo)!important;
	}

	.cssCollaudo {
		background-color: var(--color-collaudo)!important;
	}
	.cssCollaudo span.badge {
		color: var(--color-collaudo)!important;
	}

	.cssRilascioTest {
		background-color: var(--color-rilasciotest)!important;
	}
	.cssRilascioTest span.badge {
		color: var(--color-rilasciotest)!important;
	}

	.cssRilascioBeta {
		background-color: var(--color-rilasciobeta)!important;
	}
	.cssRilascioBeta span.badge {
		color: var(--color-rilasciobeta)!important;
	}

	.cssRilascioProd {
		background-color: var(--color-rilascioprod)!important;
	}
	.cssRilascioProd span.badge {
		color: var(--color-rilascioprod)!important;
	}

	.cssManutenzione {
		background-color: var(--color-manutenzione)!important;
	}
	.cssManutenzione span.badge {
		color: var(--color-manutenzione)!important;
	}

	.cssFeriePermessi {
		background-color: var(--color-feriepermessi)!important;
	}
	.cssFeriePermessi span.badge {
		color: var(--color-feriepermessi)!important;
	}

/* ### @media ################################################################################## */
	
	@media (max-width: 1599px) {
		.fn-gantt .legend .div-legend {
			width: 140px;
		}
	}
	
	@media (min-width: 1200px) {
		.modal-xxl {
			--bs-modal-width: 1600px;
		}
		
		#div-page-content {
			padding-top: 1rem!important;
			padding-bottom: 1rem!important;
		}
	}