/*------------------------------------ STYILING TAG*/
body {
	font-family: poppins !important;
	background-color: #ffffff !important;
	align-content: center;
}

h2 {
	font-size: 4rem !important;
	font-weight: 700 !important;
	line-height: 1 !important;
}

h3 {
	font-size: 3.5rem !important;
	font-weight: 700 !important;
	line-height: 1 !important;
}

h4 {
	font-size: 2rem !important;
	font-weight: 700 !important;
	line-height: .8 !important;
}

h5 {
	font-size: 1.5rem !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
}

span p {
	font-size: .7em;
}

.text-pill {
	text-transform: uppercase !important;
}

a {
	color: rgba(97, 82, 122, 1) !important;
	transition: .2s;
}

a:hover {
	color: rgba(242, 156, 167, 1) !important;
}

label,
select {
	font-size: .85rem;
	font-weight: 500;
}

table,
th,
td {
	color: rgba(97, 82, 122, 1) !important;
	background-color: rgba(246, 246, 246, 1) !important;
	padding: 10px !important;
}

select {
	color: rgba(97, 82, 122, 1) !important;
	background-color: #FFD0D6 !important;
	border-color: #F29CA7 !important;
}

thead tr th {
	background-color: rgba(97, 82, 122, 1) !important;
	color: white !important;
	font-weight: 600;
}


/*------------------------------------ STYILING ELEMENTI*/
.form-h {
	display: flex;
	flex-direction: row;
}

.badge {
	font-weight: 500 !important;
}

.w-65 {
	width: 65% !important;
}

.w-60 {
	width: 60% !important;
}

.w-40 {
	width: 40% !important;
}

.w-45 {
	width: 45% !important;
}

.w-10 {
	width: 10% !important;
}

.w-15 {
	width: 15% !important;
}

.w-80 {
	width:80% !important;
}

.w-max-content {
width:max-content !important;
}

.menu-item {
	transition: .2s;
	padding: .2% 2%;
}

.menu-item:hover {
	color: rgba(188, 172, 215, 1) !important;
	background-color: white !important;
	border-radius: 50px;
}

.form-control {
	background-color: #FFF6F6 !important;
	border-color: #FFD0D6 !important;
}

.form-control:focus {
	border-color: #FFD0D6 !important;
	box-shadow: 0 0 0 0.2rem #C67F8A !important;
}

.form-control-light {
	background-color: white !important;
	border-color: #DFDCE1 !important;
}

.form-control-light:focus {
	border-color: #DFDCE1 !important;
	box-shadow: 0 0 0 0.2rem #DFDCE1 !important;
}

.form-date-picker {
	background-color: white !important;
	border-color: transparent !important;
	box-shadow: 0 0 0 0.15rem #DFDCE1 !important;
}

.form-date-picker:focus {
border-color: transparent !important;
box-shadow: 0 0 0 0.2rem #C67F8A !important;
}

.form-date-picker:active {
	border-color: transparent !important;
	box-shadow: 0 0 0 0.2rem #C67F8A !important;
}

.form-select {
	color: rgba(97, 82, 122, 1) !important;
}


.edit-user a svg path {
	transition: .2s;
}

.edit-user a:hover svg path {
	stroke: rgba(242, 156, 167, 1) !important;
}

.bg-light-pink {
	background-color: rgba(251, 221, 224, 1);
}

.bg-pink {
	background-color: rgba(255, 208, 214, 1) !important;
}

.bg-light-grey {
	background-color: rgba(246, 246, 246, 1) !important;
}

.bg-dark-violet {
	background-color: rgba(97, 82, 122, 1) !important;
}

.bg-dark-pink {
	background-color: rgba(197, 127, 137, 1);
}

.text-dark-violet {
	color: rgba(97, 82, 122, 1) !important;
}

.text-light-pink {
	color: rgba(255, 208, 214, 1) !important;
}

.title-pink {
	color: rgba(243, 156, 165, 1) !important;
}

.title-light-violet {
	color: rgba(188, 172, 215, 1) !important;
}

.border-dark-violet {
	border-color: rgba(97, 82, 122, 1) !important;
}

.border-light-violet {
	border-color: rgba(188, 172, 215, 1) !important;
}

.btn {
	color: white !important;
	font-weight: 500 !important;
}

.btn-2 {
	color: rgba(97, 82, 122, 1) !important;
	font-weight: 500 !important;
}

.btn-pink-light {
	background-color: rgba(242, 156, 167, 1) !important;
	font-size: 1rem !important;
}

.btn-dark-violet {
	background-color: rgba(97, 82, 122, 1) !important;
	font-size: 1rem !important;
}

.btn-dark-violet-2 {
	background-color: rgba(97, 82, 122, 1) !important;
	font-size: 1rem !important;
	color: rgba(255, 208, 214, 1) !important;
}

.btn-dark-violet-2 svg path {
	stroke: rgba(255, 208, 214, 1) !important;
}

.btn-dark-pink {
	background-color: rgba(197, 127, 137, 1) !important;
	font-size: 1rem !important;
}

.btn-light-grey {
	background-color: rgba(246, 246, 246, 1) !important;
	font-size: 1rem !important;
	border:1px solid rgba(97, 82, 122, 1) !important;
	transition:.2s;
}

.btn-3 {
	color: rgba(97, 82, 122, 1) !important;
	font-weight: 500 !important;
	border:unset !important;
	transition:.2s;
	stroke:rgba(97, 82, 122, 1) !important;
}

.btn-white {
	background-color: white !important;
	font-size: 1rem !important;
	transition:.2s;
}

.btn-white:hover  {
	color:rgba(97, 82, 122, 1) !important;
	stroke:rgba(97, 82, 122, 1) !important;
	background-color: rgba(251, 221, 224, 1) !important;
}

.btn:hover,
.btn-pink-light:hover {
	color: rgba(242, 156, 167, 1) !important;
	background-color: white !important;
	border-color: rgba(242, 156, 167, 1) !important;
}

.btn-2:hover, .btn-light-grey:hover {
	background-color:  rgba(97, 82, 122, 1) !important;
	color: white !important;
}
.btn-2:hover svg path{
stroke:	white !important;
}

.btn:hover svg path {
	stroke: rgba(242, 156, 167, 1) !important;
}

.btn-close:hover {
	color: rgba(242, 156, 167, 1) !important;
}

.form-check-input:focus {
	background-color: #61527A !important;
	border-color: #FFD0D6 !important;
	box-shadow: 0 0 0 0.2rem #C67F8A !important;
}

.form-check-input:checked {
	background-color: #61527A !important;
	border-color: #61527A !important;
}

.select-dropdown .open {
	border-radius: 0 20px !important;
}

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

.card-link {
	text-decoration: none;
	transition: .2s;
}

.card-link:hover p,
.card-link:hover svg path {
	color: rgba(243, 156, 165, 1) !important;
	stroke: rgba(243, 156, 165, 1) !important;
	transition: .2s;
}

.modal {
	background-color: rgba(97, 82, 122, .4);
}

.call-link:hover {
background-color:rgba(97, 82, 122, 1);
}

.p-link {
font-size:.9em;
font-weight:500;
text-transform: uppercase;
color:rgba(188, 172, 215, 1) !important;
}



/*------------------------------------------------------------------------ DATEPICKER */
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
	border:solid 	rgba(97, 82, 122, 1) !important;
	border-width: 0 2px 2px 0 !important;
}

.calendar-table table {
	background-color:white !important; 
}

.daterangepicker th.available:hover {
	background-color:rgba(251, 221, 224, 1) !important; 
	border-radius:8px !important;
}

.daterangepicker .calendar-table  thead .month{
	background-color:rgba(188, 172, 215, 1) !important;
	border-radius: 10px !important;
	font-size:14px !important;
}


.daterangepicker .calendar-table tr th {
	border-radius:0px !important;
	background-color:unset !important;
	color:rgba(97, 82, 122, 1) !important;
	font-size:14px !important;
	padding:8px 0px !important;
	transition: .2s;
}

.daterangepicker .calendar-table td {
	background-color:unset !important;
	margin: .3em  !important;
	padding:10px !important;
	font-size:14px !important;
}

.ui-datepicker-calendar tr th{
	padding:3%  !important;
	background-color:unset !important;
	color:rgba(97, 82, 122, 1) !important;
}

.daterangepicker td.active {
	background-color: rgba(251, 221, 224, 1) !important;
}

.daterangepicker td.in-range {
 	background-color:rgba(246, 246, 246, 1) !important;
}

.daterangepicker td.active:hover {
	background: rgba(243, 156, 165, 1) !important;
	font-weight: normal;
	color:rgba(97, 82, 122, 1) !important;
}

 .pagination-select {
	width:unset !important;
	font-size:1rem;
	background-color:rgba(246, 246, 246, 1) !important;
	border: 1px solid #dee2e6 !important;
	border-radius:unset !important; 
}


@media (max-width: 767.98px) {
	.support-section {
		flex-direction: column-reverse !important;
	}

}