: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;
}

/* Datatable */
/*
.dataTable {
	display: block;
	overflow: auto;
	white-space: nowrap;
}
*/

.dataTable thead,
.dataTable tbody {
	background-color: white;
}

.dataTable th,
.dataTable td {
	text-align: center;
	/*width: 100%;*/
	padding: .25rem .75rem;
	border-right: 1px var(--black10) solid;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
	margin: 0;
}

.dropdown-item:not(.active) {
    color: #fff;
	text-decoration: none;
	font-weight: 600;
    background-color: var(--primary75);
}

.dropdown-item.active, .dropdown-item:active {
    color: #000;
    text-decoration: none;
    background-color: #fff;
}

.btn-secondary {
    color: var(--primary);
    background-color: #fff;
    border-color: var(--primary);
}

.btn-secondary:hover {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}

.page-item.active .page-link {
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.dataTables_filter>label {
	margin: 0;
}

.dataTables_filter input[type="search"] {
    border: 2px solid var(--secondary75);
	width: 150% !important;
	font-size: 1.1rem;
	background-color: white;
	border-radius: 10px;
	height: calc(1.6em + 0.75rem + 2px);
	font-family: 'Barlow Condensed', sans-serif;
	/*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9InN2ZzQ0ODUiICAgdmlld0JveD0iMCAwIDIxLjk5OTk5OSAyMS45OTk5OTkiICAgaGVpZ2h0PSIyMiIgICB3aWR0aD0iMjIiPiAgPGRlZnMgICAgIGlkPSJkZWZzNDQ4NyIgLz4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhNDQ5MCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxnICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDMwLjM2MjIpIiAgICAgaWQ9ImxheWVyMSI+ICAgIDxnICAgICAgIHN0eWxlPSJvcGFjaXR5OjAuNSIgICAgICAgaWQ9ImcxNyIgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAuNCw4NjYuMjQxMzQpIj4gICAgICA8cGF0aCAgICAgICAgIGlkPSJwYXRoMTkiICAgICAgICAgZD0ibSAtNTAuNSwxNzkuMSBjIC0yLjcsMCAtNC45LC0yLjIgLTQuOSwtNC45IDAsLTIuNyAyLjIsLTQuOSA0LjksLTQuOSAyLjcsMCA0LjksMi4yIDQuOSw0LjkgMCwyLjcgLTIuMiw0LjkgLTQuOSw0LjkgeiBtIDAsLTguOCBjIC0yLjIsMCAtMy45LDEuNyAtMy45LDMuOSAwLDIuMiAxLjcsMy45IDMuOSwzLjkgMi4yLDAgMy45LC0xLjcgMy45LC0zLjkgMCwtMi4yIC0xLjcsLTMuOSAtMy45LC0zLjkgeiIgICAgICAgICBjbGFzcz0ic3Q0IiAvPiAgICAgIDxyZWN0ICAgICAgICAgaWQ9InJlY3QyMSIgICAgICAgICBoZWlnaHQ9IjUiICAgICAgICAgd2lkdGg9IjAuODk5OTk5OTgiICAgICAgICAgY2xhc3M9InN0NCIgICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjY5NjQsLTAuNzE3NiwwLjcxNzYsMC42OTY0LC0xNDIuMzkzOCwyMS41MDE1KSIgICAgICAgICB5PSIxNzYuNjAwMDEiICAgICAgICAgeD0iLTQ2LjIwMDAwMSIgLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==);*/
	background-image: url(/../img/table/bike-lens.png);
	background-repeat: no-repeat;
	background-position:97% center !important;
	background-size:6% !important;
}

.dataTables_filter input[type="search"]:focus {
    outline-style: none;
	box-shadow: 1px 1px var(--primary);
}

input[type="checkbox"] {
	max-height: 1rem;
}

.page-link {
    color:  var(--secondary);
}

.page-link:hover {
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
}

/* Frecce Sorting Datatable */
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    top: .2em;
}

/* Stili pre css bootstrap

.paginate_button.previous::after {
	margin-left: .5rem;
	margin-right: .5rem;
	content: "<";
	color: var(--primary);
	font-size: 1rem;
	font-weight: bold;
}

.paginate_button.next::before {
	margin-left: .5rem;
	margin-right: .5rem;
	content: ">";
	color: var(--primary);
	font-size: 1rem;
	font-weight: bold;
}

.dataTables_paginate .paginate_button {
	padding-left: .15rem;
	padding-right: .15rem;
	cursor: pointer;
}

.dataTables_paginate .paginate_button.current {
	color: var(--primary);
	font-weight: bold;
}

.paginate_button.previous, .paginate_button.next {
	font-size: 0rem;
}

Stili pre css bootstrap */

/* 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-menu img {
		width: 150px;
		-webkit-filter: drop-shadow(5px 5px 5px #aaa);
		filter: drop-shadow(5px 5px 5px #aaa);
	}

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

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