.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }

.input-xs {
  height: 23px;
  padding: 5px 10px;
 
  line-height: 1.5;
  border-radius: 3px;

}

.swal2-popup{
  font-size: 1em !important;
}

.float-right{
  display: block;
  float: right;
}
.float-left{
  display: block;
  float: left;
}
.float-center{
  display: block;
  float: center;
}

.superbutton{
	display:block;
	width:140px;
	color:#FFFFFF;
	padding:6px;
	padding-left:30px;
	padding-right:30px;
	font-size:14px;
	
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.2) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(1%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.2)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.2) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.2) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.2) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.2) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=0 );
	background-color: #276fce;
		
	text-align:center;
	text-shadow: 0px -1px 0px rgba(0,0,0, 0.5);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

}

.list-group-item-warning {
  color:#FFF;
}

 

      
 
.imgJumbotronDida {
  margin-top:-20px;
  padding-left:15px;
  background-color: rgba(0, 0, 0, 0.9);
  height:20px;
  font-size:12px;
  filter: alpha(opacity=80);
  opacity: 0.8;
  z-index: 10000;
  color:#FFFFFF;
}
 
.ontop {
	z-index: 99999;
}

/* Bootflat SELECTED */
.selecter {
  max-width:100%;
}
.selecter .selecter-options {
  max-height: 160px;
}

/* NUOVI TASTI rotondi*/
.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}




/* IMPOSTAZIONI/CORREZIONI bootflaa */

.nav-tabs a {
  font-weight:bold;
}

 
.jumbotron .h1, .jumbotron h1 {
  font-size:63px;
}
.jumbotron p {
  font-size: 21px;
  font-weight:200;
  margin-bottom:15px;
}
 
h1,
.h1 {
  font-size: 36px;

}
h2,
.h2 {
  font-size: 30px;

}
h3,
.h3 {
  font-size: 24px;

}
h4,
.h4 {
  font-size: 18px;

}
h5,
.h5 {
  font-size: 14px;

}
h6,
.h6 {
  font-size: 12px;

}



/*******************/

.light_gray {
  background-color: #F5F7FA;
}
.light_gray.active {
  background-color: #E6E9ED;
}

.today {
  background-color: #3276B1;
  border-radius: 4px;
  color:#FFF;
}

.medium_gray {
  background-color: #CCD1D9;
}
.medium_gray.active {
  background-color: #AAB2BD;
}

.dark_gray {
  background-color: #656D78;
}
.dark_gray.active {
  background-color: #434A54;
}

.aqua {
  background-color: #4FC1E9;
}
.aqua.active {
  background-color: #3BAFDA;
}

.bittersweet {
  background-color: #FC6E51;
}
.bittersweet.active {
  background-color: #E9573F;
}

.sunflower {
  background-color: #FFCE54;
}
.sunflower.active {
  background-color: #F6BB42;
}

.mint {
  background-color: #48CFAD;
}
.mint.active {
  background-color: #37BC9B;
}

.pricing i {
  color:#434A54;
}

.pricing a {
  color:#AAB2BD;  
}

.pricing .price-body a {
  color:#AAB2BD;  
}


.pricing .price-bluejeans .price-body   {
  background-color: #5D9CEC;
}

.pricing .price-grapefruit .price-body  {
  background-color: #ED5565;
}

.price-grapefruit {
  background-color: #DA4453;
}

 
.btn-grapefruit,.grapefruit {
  color: #fff;
  background-color: #DA4453;
  border-color: #ED5565;
}
.btn-grapefruit:hover,
.btn-grapefruit:focus,
.btn-grapefruit:active,
.btn-grapefruit.active,
.open .dropdown-toggle.btn-grapefruit {
  color: #fff;
  background-color: #ED5565;
  border-color: #DA4453;
}
.btn-grapefruit:active,
.btn-grapefruit.active,
.open .dropdown-toggle.btn-grapefruit {
  background-image: none;
}
.btn-grapefruit.disabled,
.btn-grapefruit[disabled],
fieldset[disabled] .btn-grapefruit,
.btn-grapefruit.disabled:hover,
.btn-grapefruit[disabled]:hover,
fieldset[disabled] .btn-grapefruit:hover,
.btn-grapefruit.disabled:focus,
.btn-grapefruit[disabled]:focus,
fieldset[disabled] .btn-grapefruit:focus,
.btn-grapefruit.disabled:active,
.btn-grapefruit[disabled]:active,
fieldset[disabled] .btn-grapefruit:active,
.btn-grapefruit.disabled.active,
.btn-grapefruit[disabled].active,
fieldset[disabled] .btn-grapefruit.active {
  background-color: #DA4453;
  border-color: #ED5565;
}
.btn-grapefruit .badge {
  color: #4A89DC;
  background-color: #fff;
}


.price-bluejeans {
  background-color: #4A89DC;
}

.btn-bluejeans,.bluejeans {
  color: #fff;
  background-color: #4A89DC;
  border-color: #5D9CEC;
}
.btn-bluejeans:hover,
.btn-bluejeans:focus,
.btn-bluejeans:active,
.btn-bluejeans.active,
.open .dropdown-toggle.btn-bluejeans {
  color: #fff;
  background-color: #5D9CEC;
  border-color: #4A89DC;
}
.btn-bluejeans:active,
.btn-bluejeans.active,
.open .dropdown-toggle.btn-bluejeans {
  background-image: none;
}
.btn-bluejeans.disabled,
.btn-bluejeans[disabled],
fieldset[disabled] .btn-bluejeans,
.btn-bluejeans.disabled:hover,
.btn-bluejeans[disabled]:hover,
fieldset[disabled] .btn-bluejeans:hover,
.btn-bluejeans.disabled:focus,
.btn-bluejeans[disabled]:focus,
fieldset[disabled] .btn-bluejeans:focus,
.btn-bluejeans.disabled:active,
.btn-bluejeans[disabled]:active,
fieldset[disabled] .btn-bluejeans:active,
.btn-bluejeans.disabled.active,
.btn-bluejeans[disabled].active,
fieldset[disabled] .btn-bluejeans.active {
  background-color: #4A89DC;
  border-color: #5D9CEC;
}
.btn-bluejeans .badge {
  color: #4A89DC;
  background-color: #fff;
}




/*******************/




.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #39b3d7;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.label-bluejeans {
  background-color: #5D9CEC;
}
.label-grapefruit {
  background-color: #ED5565;
}

.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.alert-info {
  color: #31708f;
  background-color: #4A89DC;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.list-group-item-info {
  color: #31708f;
  background-color: #4A89DC;
}
a.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #4A89DC;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #bce8f1;
}

.fa-grey{
  color: #656D78;
}

/* DISPLAY FLEX */
.d-flex {
  display: flex;
}
.d-flex.flex-column{
  flex-direction: column;
}
.d-flex.flex-row{
  flex-direction: row;
}
.d-flex.align-items-center{
  align-items: center;
}
.d-flex.align-items-start{
  align-items: flex-start;
}
.d-flex.align-items-stretch{
  align-items: stretch;
}
.d-flex.justify-content-between{
  justify-content: space-between;
}
.d-flex.justify-content-center{
  justify-content: center;
}
.d-flex.justify-content-end{
  justify-content: flex-end;
}
.d-flex.gap-10{
  gap: 10px;
}
.d-flex.gap-20{
  gap: 20px;
}
.d-flex.gap-30{
  gap: 30px;
}

.hide-rating-checkbox{
  min-height: 60px;
  padding-top: 5px;
}
.hide-rating-checkbox input{
  cursor: pointer;
}
.hide-rating-checkbox label{
  cursor: pointer;
  margin-left: 3px;
}
#videoPreview {
  width: 320px;
  height: 570px;
  background-color: #ccc;
}
#videoPreview video {
  width: 100%;
  height: 100%;
}
.modal-body-tiktok {
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}
.step-line {
  background: #e0e0e0;
  height: 2px;
  width: 35vw;
  position: absolute;
  top: 30px;
  z-index: 1;
}
.nav-pills.custom li {
  background: transparent;
  margin: 0 30px;
  z-index: 2;
}
.nav-link.active.custom {
  background-color: transparent;
  color: #007bff;
}
.nav-link.custom {
  color: inherit;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 12vw;
}
.nav-link.custom span.icon {
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 50px;
  width: 46px;
  height: 46px;
  margin: 0 auto;
}
.nav-link.custom.active span.icon {
  background-color: #007bff;
  color: #fff;
}
.nav-link.custom i {
  font-size: 28px;
}
.tab-content.custom {
  display: flex;
  justify-content: center;
}
.tab-content.custom .tab-pane {
  width: 50vw;
}
.vr-line {
  border-left:2px solid #737373;
  margin-left: 5px;
  margin-right: 5px;
  right:249px;
  top:10px;
}

.image-carousel-gallery:hover {
  cursor: pointer;
  filter: brightness(85%);
}
.image-selected {
  filter: brightness(85%);
}

@media screen and (min-width: 840px) {
  .tab-content.custom .tab-pane {
    width: 40vw;
  }
}