:root {
	--black90: rgba(0, 0, 0, 0.9);
	--black80: rgba(0, 0, 0, 0.8);
	--black70: rgba(0, 0, 0, 0.7);
	--black60: rgba(0, 0, 0, 0.6);
	--black50: rgba(0, 0, 0, 0.5);
	--black40: rgba(0, 0, 0, 0.4);
	--black30: rgba(0, 0, 0, 0.3);
	--black20: rgba(0, 0, 0, 0.2);
	--black10: rgba(0, 0, 0, 0.1);
	--primary: #48D597;
	--primary75: #48D597BF;
	--primary50: #48D59780;
	--primary25: #48D59740;
	--secondary: #8A949C;
	--secondary75: #8A949CBF;
	--secondary50: #8A949C80;
	--secondary25: #8A949C40;
	--green50: #0080006e;
	--green25: #00800027;
	--gray-dark: #25282b;
	--gray-active: #3b3e41;
	--gray-disabled: #757575;

}

body {
	background-color: white;
}

.container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 90vw;
}

.content-wrapper {
	background-image: url("/../img/backgrounds/background-white.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: white;
}

.disabled,a.disabled {
	color:#343a40 !important
}

.brand-link {
	background-color: var(--primary) !important;
	border-bottom: none !important;
}
/*
[class*=sidebar-dark-]{
	[questo codice sotto era attivo e rendeva la barra grigia]
	background: var(--gray-dark);
	[questo codice sotto era commentato]
	background: linear-gradient(180deg, var(--primary) 0%, var(--secondary) 100%);
}
*/

[class*=sidebar-dark] .user-panel {
    border-bottom: 1px solid white;
}

.bg-primary {
	background-color: var(--primary) !important;
}

.text-primary {
	color: var(--primary) !important;
}

.text-primary:active,
.text-primary:hover,
.text-primary:focus,
.text-primary.btn:focus,
.text-primary.btn:hover {
	color: var(--secondary) !important;
}

.bg-primary.btn:not(:disabled):not(.disabled):active,
.bg-primary:active,
.bg-primary:hover,
.bg-primary:focus,
.bg-primary.btn:focus,
.bg-primary.btn:hover {
	background-color: var(--secondary) !important;
	border-color: var(--secondary) !important;
}

.bg-secondary {
	background-color: var(--secondary) !important;
}

.bg-gradient-v {
	background: linear-gradient(180deg, var(--primary) 0%, var(--secondary) 100%);
}

.bg-gradient-h {
	background: linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);
}

.bg-gradient-45 {
	background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
}

/*
.navbar-white {
	background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
}
*/

[class*=sidebar-dark-] .nav-treeview > .nav-item > .nav-link,
[class*=sidebar-dark-] .sidebar a {
    color: white;
}

.selection>span {
	height: 2.4rem !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: .4rem;
}

/* Form */

label {
	margin-top: .5rem;
}

	.conversation {
		max-height: 70vh;
		display: flex;
		overflow: auto;
	}

    .conversation .bubble {
        background-color: #fffeee;
        border-radius: .25rem;
        margin-bottom: .5rem;
        border: orange 1px solid;
        padding: .75rem .75rem .15rem .75rem;
    }

    .conversation .bubble.sent {
        background-color: var(--secondary25);
        text-align: right;
        border: var(--secondary) 1px solid;
        margin-left: auto !important;
    }

    .conversation .bubble.received {
        background-color: var(--primary25);
        border: var(--primary) 1px solid;
    }

    .conversation .bubble.received.tech {
        background-color: var(--green25);
        border: green 1px solid;
    }

    .conversation p.date {
        margin-bottom: 0;
        font-size: .9em;
		text-align: left;
    }

    .conversation .bubble p.date,
    .conversation .bubble.received p.date {
		text-align: right;
    }

	.conversation h5.header {
		font-weight: bold;
	}

	.conversation a {
		color: var(--primary);
	}

	.home-card{
		background-image: url(/img/backgrounds/sidebar-background.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.home-menu img {
		object-fit: contain;
	}

	.home-menu a {
		color: var(--gray-active);
	}

	.home-menu .nav-link{
		text-align: left;
	}

	.home-menu .nav-link p {
		text-transform: uppercase;
		color:white;
	}

	.nav-icon img.invert {
		filter: invert(100%);
	}

	.notification-text{
		white-space: pre-wrap;
		text-align: center;
	}