@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;700;900&display=swap');

html, body, td, th, div, span, a{
	font-family: 'Nunito'!important;
}

#search {
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0px 15px;
}

@media all and (min-width:992px){
	#header .header-nav-main nav > ul > li > a{
		font-size:15px;
	}
}

.follow, #submit{
	background:none;
	border: 2px solid #3088f2;
	border-radius:5px;
	color: #3088f2;
}

.follow{
	margin-right:20px;
	font-size:20px;
}

#submit{
	font-size:30px;
}

.form-group.row{
	padding-top: 10px!important;
}

.row_shadow{
	box-shadow: 1px 0 4px rgba(0,2,4,.055),0 7px 18px rgba(1,1,1,.05)!important;
}

.gift_header{
	text-align:center;
}
.gift_header .col-7{
	text-align:right; 
	padding-top:90px;
	float:right;
	width:fit-content;
	max-width:fit-content;
}

.gift_header .col-5{
	text-align:center;
	float:left;
	width:fit-content;
	max-width:fit-content;
}

.pulsante{
	background-color:#f2134b!important;
	font-size:1.3em; 
	padding:5px 7px; 
	color:#FFF; 
	border-radius:5px; 
	text-transform:uppercase;
}

.pulsante:hover{
	text-decoration:none;
	color:#FFF;
}

.pulsante_blu{
	background-color:#2167bb!important;
	font-size:1.1em; 
	padding:5px 7px; 
	color:#FFF; 
	border-radius:5px; 
	text-transform:uppercase;
}

.pulsante_blu:hover{
	text-decoration:none;
	color:#FFF;
}

#user_nick, #user_email{
	padding:20px;
}

@media all AND (max-width:767px){
	form {
  		width: 100% !important;
	}
	.gift_header .col-5{
		text-align:center;
	}
	.gift_header .col-7{
		padding-top:50px;
	}	
	#user_email{
		margin-top:10px;
	}
	.follow{
		margin-right:28px;
		font-size:15px;
	}	
}

.alert{
	color:#f2134b; 
	font-weight:bold;
	display: contents;
}
.form-control.is-valid, .was-validated .form-control:valid{
	border-color:#bdbdbd;
	background-image:none;
}
input, textarea, select{
	cursor:pointer;
	border:1px solid #CCC;
}
h2{
	color:#FFFFFF;
	font-weight:bold;
	font-size:24px;
	text-transform:uppercase;
}
.home-intro{
	margin-bottom:0px;
	padding: 1.4rem 0;
}
.home_user .col-md-6{
	width:50%;
	float:left;
	font-size:20px;
	line-height:30px;
	color:#000;
}
.home_user input[type=button]{
	margin-top:20px;
	font-size:1.2em!important;
}

.pad_no{
	padding:0!important;
}

.mar_no{
	margin:0!important;
}

.gift_box{
	width:100%; 
	text-align:center;
}

.gift_sx{
	text-align:left; 
	width:50%; 
	float:left;
}

.gift_sx img{
	max-width:200px;
	width:100%;
}

.gift_dx{
	text-align:left; 
	text-transform:uppercase; 
	font-size:22px;
	font-weight:bold; 
	line-height:30px; 
	padding-top:45px; 
	width:50%; 
	float:left;
}

.gift_user_to{
	font-size:25px; 
	margin-top:10px; 
	font-weight:700;	
}

.gift_photo{
	border-radius:80%;
	padding:10px;
}

.gift_photo_box{
	float:left; 
	margin-right:1%; 
	margin-bottom:1%; 
	width:110px; 
	height:110px;
	text-align:center;
	font-size:12px;
}

.gift_photo_box p{
	margin-top:10px;
}

.gift_photo_box img{
	width:64px; 
}

@media all AND (max-width:767px){
	
	.gift_photo_box{
		width:32%;
	}	
		
	.gift_user_to{
		margin-top:0px; 
		font-size:14px;
	}
	.order h2{
		font-size:19px;
	}
	.home_user .col-md-6{
		width:100%;
	}
	.profile-image-outer-container .profile-image-inner-container img {
		height: 120px;
		width: 120px;
		border-radius: 50%;
		border: 5px solid white;
	}	
	.gift_dx{
		font-size:18px;
		line-height:25px; 
		padding-top:38px;
		padding-left:10px;		 
	}	
}

@media all AND (max-width:499px){
	.gift_photo_box{
		min-height:64px;
		font-size:1.2em;
	}	
}

.home_gift{
	margin-top:20px;
	color:#333;
}
.home_gift div{
	padding:5px 10px;
}
.home_gift div:nth-child(2n+1){
	background-color:#f2f2f2;
}
.home_gift div b{
	text-transform:uppercase;
	font-size:1.2em;
}
.home_soldi{
	width:100%;
	/*margin:25px 0px;*/
	margin-bottom:5px;
	padding:10px 0px;
	text-transform:uppercase;
	font-size:1.4em;
	color:#000;
	background-color:#f2f2f2;
}
.home_social{
	margin-top:10px;
}
.home_social a{
	font-size:2.0em;
	margin-right:8px;
}
.button_copy {
    background-color: #3088f2;
    height: 30px;
    line-height: 20px;
    color: #FFF;
    font-weight: bold;
    border-radius: 5px;
	border:none;
}
.button_exit {
    background-color: #f2134b;
    height: 30px;
    line-height: 20px;
    color: #FFF;
    font-weight: bold;
    border-radius: 5px;
	border:none;
	padding:5px;
}
.button_exit:hover {
    color: #FFF;
}
.auto{
	width:auto!important;
}
.inherit{
	display:inherit!important;
}
.bgblu{
	background-color:#3088f2!important;
}
.blu{
	color:#3088f2!important;
}
.bgrosso{
	background-color:#f2134b!important;
}
.rosso{
	color:#f2134b!important;
}
.order{
	font-size:1.5em;
	color:#222;
}
#headerSearch{
	font-size:15px!important;
	color:#000000;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}	
#foto, .user_foto{
	object-fit: cover;
}
#tot{
	font-size:24px;
	font-weight:bold;
}
.send_giftike{
	text-align:center;
}
.send_giftike button{
	font-size:25px;
	text-transform:none;
}
#selection{
	text-align:left; 
	z-index:9999; 
	width:100%!important; 
	overflow-y:scroll; 
	max-height:600px; 
	width:100%; 
	clear:both;
	background-color:#FFFFFF;
	border-radius:5px;
	margin-top:5px;
}
.fb_button{
	background-color:#41639d;
	border:none;
	border-radius:2px;
	color:#FFF;
	padding:3px;
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;
}
#myurl{
	border-radius:5px;
	border:1px solid #CCC;
	font-size:15px;
	margin-bottom:10px;
}
.user_gift tr:nth-child(2n+1){
	background-color:#EFEFEF;
}

/* TOOLTIP */
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.social_gift{
	margin-bottom:15px;
}
.social_gift a{
	margin-right:15px;
	font-size:25px;
}