@import url("/css/color.css");

/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
	white-space: normal;
	text-align: center;
	word-break: break-all;
}


/* Provide sufficient contrast against white background */

a {
	color: #0366d6;
}


/* Sticky footer styles
-------------------------------------------------- */

html {
	font-size: 14px;
}

@media (min-width: 768px) {
	html {
		font-size: 15px;
	}
}

.border-top {
	border-top: 1px solid #e5e5e5;
}

.border-bottom {
	border-bottom: 1px solid #e5e5e5;
}

button.accept-policy {
	font-size: 1rem;
	line-height: inherit;
}


/* Sticky footer styles
-------------------------------------------------- */

html {
	position: relative;
	min-height: 100%;
}

body {
	/* Margin bottom by footer height */
	/*margin-bottom: 60px;
	height: 100%;
	overflow-x: hidden;*/
	background-color: #FAF9F8;
}

.bg-body {
	background-color: #FAF9F8 !important;
}

.page-image {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	opacity: 5%;
	z-index: -1;
	background-repeat: no-repeat;
	background-size: contain;
	background-attachment: fixed;
	background-position: center;
}

.dark-theme {}


/* CSS - AMAWEB */

.bg-header-messaggi {
	background-color: var(--aw-blue-dodger);
	color: #fff;
}

.bg-header-contatti {
	background-color: var(--aw-blue-robins-egg);
	color: #fff;
}

.bg-header-invii {
	background-color: var(--aw-green-sushi);
	color: #fff;
}

.bg-header-mittenti {
	background-color: var(--aw-yellow-amber);
	color: #fff;
}

.bg-header-medialibrary {
	background-color: var(--aw-orange-red);
	color: #fff;
}

.page-header {
	display: inline-block;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 14rem;
	z-index: 5;
	background-color: transparent;
	/* #FAF9F8*/
}

.page-body {
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	padding-left: 14rem;
	margin-bottom: 4rem/*60px*/
	;
	transition: .5s;
}

.page-container {
	transition: all .5s;
}

.page-container-big {
	max-width: 100% !important;
	transition: all .5s;
}

.footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding-left: 18.75rem;
	white-space: nowrap;
	line-height: 63px;
	box-sizing: border-box;
	transition: .5s;
}



@media (max-width: 992px) {
	.page-header {
		position: fixed;
		top: 0;
		width: 100%;
		height: auto;
		background-color: #FAF9F8;
		box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	}
	.page-body {
		box-sizing: border-box;
		width: 100%;
		padding-left: 0;
		/*padding-top: 4.2rem;*/
	}
	#mediaLibrary {
		padding-top: 4.2rem;
	}

	.footer {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding-left: 0;
		white-space: nowrap;
		line-height: 63px;
		box-sizing: border-box;
	}
}


/*inizio:all*/

.validation-message{
	position: absolute;
    top: 0;
    right: 0;
    transform: translate(0%, 0%);
    margin-right: 5px;
}

input[type="search" i].no-search-cancel-button::-webkit-search-cancel-button {
	display: none!important;
}

.char-counter-container{
	position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(-25%, -25%);
    font-size: .7rem;
    color: var(--bs-gray-700);
}

.opacity01 {
	filter: opacity(0.1);
}

.opacity07 {
	filter: opacity(0.7);
}

.opacity09 {
	filter: opacity(0.9);
}

.modal-header {
	border-bottom: 1px solid #eff2f5;
}

.card {
	border: 1px solid #eff2f5;
}

button,
a,
input,
textarea,
select {
	box-shadow: none !important;
}


/**/

button,
a,
input[type=button],
input[type=color],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=file],
input[type=image],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=reset],
input[type=search],
input[type=submit],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea,
select,
div,
.dropdown-menu {
	border-radius: 0 !important;
}


/**/

hr {
	opacity: 1;
	color: #dee2e6;
}

.border-transparent {
	border-color: transparent !important
}

.text-active-primary {
	transition: color .2s ease, background-color .2s ease
}

.text-active-primary.active {
	transition: color .2s ease, background-color .2s ease;
	color: #0D6EFD/*#009ef7*/
	!important
}

.cursor-pointer {
	cursor: pointer;
}

.transform-90 {
	transform: rotate(90deg) translate(50%);
	transform-origin: right top;
}

.drawer {
	overflow-y: auto;
	z-index: 1;
	position: fixed;
	top: 0;
	bottom: 0;
	background-color: #fff;
	transition: transform .3s ease-in-out;
	width: 25%;
	min-width: 20rem;
	margin-top: 47px;
}

@media (max-width: 576px) {
	.drawer {
		min-width: 100%;
	}
}

.drawer.drawer-end {
	right: 0;
	transform: translateX(100%);
}

.drawer.show {
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.drawer.drawer-end.show {
	transform: translateX(0);
}


/*inizio::button icon toggle*/

.btn-toggle[aria-expanded="true"] .after-this::after {
	transform: rotate(-180deg);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.btn-toggle .after-this::after {
	display: inline-block;
	vertical-align: bottom;
	flex-shrink: 0;
	width: 1.25rem;
	height: 1.25rem;
	margin-left: .5rem;
	content: "";
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-size: 1.25rem;
	transition: transform 0.2s ease-in-out;
}

.btn-toggle .after-this.after-this-primary::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.btn-toggle.btn-toggle-hover-text-white:hover .after-this.after-this-primary::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}


/*fine::button icon toggle*/


/*inizio::nav-stretche e nav-line-tabs*/

.nav-stretch {
	align-items: stretch;
	padding-top: 0 !important;
	padding-bottom: 0 !important
}

.nav-stretch .nav-item {
	display: flex;
	align-items: stretch;
	padding-top: 0 !important;
	padding-bottom: 0 !important
}

.nav-stretch .nav-link {
	display: flex;
	align-items: center
}

.nav-line-tabs {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eff2f5
}

.nav-line-tabs .nav-item {
	margin-bottom: -1px
}

.nav-line-tabs .nav-item .nav-link {
	color: #a1a5b7;
	border: 0;
	border-bottom: 1px solid transparent;
	transition: color .2s ease, background-color .2s ease;
	padding: .5rem 0;
	margin: 0 1rem
}

.nav-line-tabs .nav-item:first-child .nav-link {
	margin-left: 0
}

.nav-line-tabs .nav-item:last-child .nav-link {
	margin-right: 0
}

.nav-line-tabs .nav-item .nav-link.active,
.nav-line-tabs .nav-item .nav-link:hover:not(.disabled),
.nav-line-tabs .nav-item.show .nav-link {
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #0D6EFD/*#009ef7*/
	;
	transition: color .2s ease, background-color .2s ease
}

.nav-line-tabs.nav-line-tabs-2x {
	border-bottom-width: 2px
}

.nav-line-tabs.nav-line-tabs-2x .nav-item {
	margin-bottom: -2px
}

.nav-line-tabs.nav-line-tabs-2x .nav-item .nav-link {
	border-bottom-width: 2px
}

.nav-line-tabs.nav-line-tabs-2x .nav-item .nav-link.active,
.nav-line-tabs.nav-line-tabs-2x .nav-item .nav-link:hover:not(.disabled),
.nav-line-tabs.nav-line-tabs-2x .nav-item.show .nav-link {
	border-bottom-width: 2px
}


/*fine::nav-stretche e nav-line-tabs*/


/*inizio::scrollbar*/

html {
	scrollbar-width: .5rem;
	scrollbar-color: #b3b3b3 transparent;
	/*overflow-y: scroll;*/
}

html::-webkit-scrollbar {
	width: .5rem;
	height: .5rem;
}

html::-webkit-scrollbar-thumb {
	background-color: #b3b3b3;
	border: 1px solid #b3b3b3;
	border-radius: 1rem;
}

html:hover {
	scrollbar-color: #b3b3b3 transparent
}

html:hover::-webkit-scrollbar-thumb {
	background-color: #b3b3b3
}

html::-webkit-scrollbar-track {
	background: #e3e3e3;
}

div,
ol,
pre,
span,
ul {
	scrollbar-width: thin;
	scrollbar-color: #b3b3b3 transparent
}

div::-webkit-scrollbar,
ol::-webkit-scrollbar,
pre::-webkit-scrollbar,
span::-webkit-scrollbar,
ul::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

div::-webkit-scrollbar-corner{
	width: 2rem;
}

div::-webkit-scrollbar-thumb,
ol::-webkit-scrollbar-thumb,
pre::-webkit-scrollbar-thumb,
span::-webkit-scrollbar-thumb,
ul::-webkit-scrollbar-thumb {
	background-color: #b3b3b3;
	border: 1px solid #b3b3b3;
	/*border: 6px solid #ffffff;*/
	border-radius: 1rem;
}

div:hover,
ol:hover,
pre:hover,
span:hover,
ul:hover {
	scrollbar-color: #b3b3b3 transparent
}

div:hover::-webkit-scrollbar-thumb,
ol:hover::-webkit-scrollbar-thumb,
pre:hover::-webkit-scrollbar-thumb,
span:hover::-webkit-scrollbar-thumb,
ul:hover::-webkit-scrollbar-thumb {
	background-color: #b3b3b3
}

.scroll-to-top-btn {
	background-color: #fff;
	border: 0px;
	border-radius: 0.25rem 0 0 0.25rem;
	color: #212528;
	box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 15%) !important;
	cursor: pointer;
	font-size: 18px;
	line-height: 48px;
	width: 48px;
	/* place it at the bottom right corner */
	position: fixed;
	bottom: 2rem;
	right: 0px;
	/* keep it at the top of everything else */
	z-index: 100;
	/* hide with opacity */
	opacity: 0;
	/* also add a translate effect */
	transform: translateY(100px);
	/* and a transition */
	transition: all 0.5s ease;
}

.show-scroll-to-top-btn {
	opacity: 1;
	transform: translateY(0);
}

.scrollbar-hidden::-webkit-scrollbar { /* Hide scrollbar for Chrome, Safari and Opera */
    display: none;
}
.scrollbar-hidden {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/*fine::scrollbar*/


/*fine::all*/


/*inizio::common*/

input.datalist-no-icon::-webkit-calendar-picker-indicator {
	opacity: 0;
}

.form-select {
	border-color: transparent;
	background-color: #f5f8fa;
	color: var(--bs-gray-900);
}

.form-control {
	background-color: #f5f8fa;
	border-color: transparent;
	color: var(--bs-gray-900);
}

.form-control:focus {
	background-color: #eef3f6;
	border-color: transparent;
	color: var(--bs-gray-900);
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
	opacity: .65;
	transform: scale(0.75) translateY(-0.5rem) translateX(0.15rem);
}

.text-hover-white:hover {
	transition: color .2s ease;
	color: #fff;
}

.text-hover-primary:hover {
	transition: color .2s ease;
	color: #0d6efd;
}

.text-hover-primary-no-transition:hover {
	color: #0d6efd;
}

.dropdown-item-horizontal {
	display: block;
	padding: 0.25rem 1rem;
	clear: both;
	font-weight: 400;
	color: #212529;
	text-align: inherit;
	text-decoration: none;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}

.bg-hover-primary-fluo:hover {
	background-color: #ccedff;
}

.bg-hover-gray-light:hover {
	background-color: #eaeaea;
	/*box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 15%) !important;*/
}

.bg-primary-fluo {
	background-color: #ccedff;
}

.table.table-row-dashed tr {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #eff2f5;
}

.table.table-row-dashed tr:last-child {
	border-bottom-color: transparent;
}

.table.gy-4 td,
.table.gy-4 th {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.icon-action .info {
	color: #b5b5c3;
	cursor: pointer;
}

.icon-action .send {
	color: #b5b5c3;
	cursor: pointer;
}

.icon-action .modify {
	color: #b5b5c3;
	cursor: pointer;
}

.icon-action .delete {
	color: #b5b5c3;
	cursor: pointer;
}

.icon-action .info:hover {
	color: #0d6efd;
}

.icon-action .send:hover {
	color: #198754;
}

.icon-action .modify:hover {
	color: #ffc107;
}

.icon-action .delete:hover {
	color: #dc3545;
}

.card-shadow-sm-hover-shadow{
	transition: .25s ease-in-out;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05) !important;
}
.card-shadow-sm-hover-shadow:hover{
	transition: .25s ease-in-out;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.card-hover-shadow {
	transition: .25s ease-in-out;
	box-shadow: none;
}

.card-hover-shadow:hover {
	transition: .25s ease-in-out;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.card-selected {
	transition: .25s ease-in-out;
}

.card-selected.active {
	transition: .25s ease-in-out;
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 45%) !important;
}

.modal-img-anteprima {
	width: 100%;
}


/*inizio::overlay-card-template*/

.overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .25s ease;
	background-color: rgba(0, 0, 0, .5);
}

.hover-overlay-op-1:hover .overlay {
	opacity: 1;
}

.overlay .text {
	color: white;
	font-size: 3rem;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}


/*fine::overlay-card-template*/

.object-fit-cover {
	object-fit: cover;
}

.object-position-0-0 {
	object-position: 0% 0%;
}

.shadow-inset {
	box-shadow: inset 0 -20px 10px -10px rgba(0, 0, 0, .3);
}

.border-dashed {
	border-style: dashed;
}

.accordion-button:not(.collapsed) {
	color: #000;
	background-color: transparent;
}


/*inizio::font-size*/

.fs-7 {
	font-size: .95rem;
}

.fs-8 {
	font-size: .8rem;
}


/*fine::font-size*/


/*fine::common*/


/*inizio::home*/


/*fine::home*/


/*inizio::messaggi*/

.messaggi-card-img {
	height: 12rem;
	object-fit: cover;
	object-position: 0% 65%;
}


/*inizio::messaggi*/


/*inizio::contatti*/

.contatti-card-img {
	height: 12rem;
	object-fit: cover;
	object-position: 0% 46%;
}

input::-webkit-calendar-picker-indicator.no-icon {
	display: none;
}


/*inizio::contatti*/


/*inizio::messaggi*/

.liste-card-img {
	height: 12rem;
	object-fit: cover;
	object-position: 0% 65%;
}


/*inizio::messaggi*/


/*inizio::messaggi*/

.invii-card-img {
	height: 12rem;
	object-fit: cover;
	object-position: 0% 36%;
}


/*inizio::messaggi*/


/*inizio::aw-phone*/

.aw-phone {
	width: 20rem;
	min-width: 17rem;
	max-width: 100%;
	height: 39rem;
	min-height: 17rem;
	padding: 54px 12px 76px;
	position: relative;
	border: 2px solid #007c89;
	background-color: #e3e3e3;
	border-radius: 35px !important;
	resize: both;
	overflow: hidden;
}

/*.aw-phone::-webkit-resizer {
  background-image: url(http://i.imgur.com/hQZDwHs.png);
} */

.aw-phone .preview-frame {
	border: 2px solid #007c89;
	/*width: 399px;*/
}

.aw-phone .my-message {
	border-radius: 1rem 1rem 0 1rem!important;
	background-color: var(--aw-blue-dodger); /* For browsers that do not support gradients */
	/*
		background-image: linear-gradient(to bottom left, var(--aw-blue-dodger) 45%, var(--aw-violet-blue) 95%, var(--aw-violet-electric) 120%);
		*/
	color: #fff;
	
    padding: 1rem;
    line-height: 1.8rem;
    font-size: 1.1rem;

	margin-right: 2rem;

    height: 100%;
}

.aw-phone .my-message::placeholder{
	color: #fff;
}

.aw-phone .thirdparty-message{
	border-radius: 1rem 1rem 1rem 0!important;
	background-color: var(--aw-gray-gallery);
	color: var(--bs-gray-800);
		
    padding: 1rem;
    line-height: 1.8rem;
    font-size: 1.1rem;

	margin-left: 2rem;

    height: 100%;
}

.aw-phone .image-post-twitter {
	border-radius: 1.5rem;
}

/*fine::aw-phone*/


/*inizio::card-messaggio*/

.iframe-card-messaggio {
	height: 100%;
	width: 100%;
}

.iframe-card-messaggio html {
	overflow: hidden;
}

/*fine::card-messaggio*/