/* FONTS */
@font-face {
  font-family: Maiandra;
  src: url(../fonts/maiandra.ttf);
}
@import url('https://fonts.googleapis.com/css?family=Kalam');
.payoff_style *,
.payoff_style{
	font-family: 'Kalam' !important;
}
.payoff{font-size: 40px}
.heading{font-size: 40px}
.heading.big{font-size: 50px}
body{padding-bottom: 100px;}
body#login{
    min-height: 550px;
	background-image: url(../images/login.jpg);
	background-repeat: no-repeat;
	background-origin: border-box;
	background-size: cover;
}
body,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
	font-family: 'Open Sans', sans-serif;
	color: #5f6d81;
}
ul{}
form{display: flex}
#main{margin-top: 25px;clear: both;}
#login #main{position: absolute;width: 100%;height: 350px;top: 50%;margin-top: -175px;}
thead{
	background-color: #5f6d81;
	color: #fff;
}
thead th{border: 0px !important;}
.table th, .table td {
    overflow: hidden;
}
.navigation{
    display: block;
    clear: both;
    width: 100%;
    display: -ms-flexbox;
    display: flow-root;
    margin-bottom: 30px;
}
/*///////////////////////////////////////////////////////////////////////
////////////                 PARALLAX                   //////////*/
#parallax {
  display: flex;
  align-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: space-around;
  position: relative;
  width: 100%;
  z-index: 2;
}
#parallax section {
  width: 100%;
  height: 350px;
  flex: 1;
  display: flex;
  text-align: center;
  position: relative;
  overflow: hidden;
  background-color: #000;
}
#parallax section .image {
  background-image: url(../images/bg_header_generica.jpg);
  /*background-attachment: fixed;*/
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 500;
  opacity: 1;
}
#background_header {
  /*background-attachment: fixed;*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 400px;
  position: relative;
  overflow: hidden;
  opacity: 1;
  z-index: 2;
}

/*///////////////////////////////////////////////////////////////////////
////////////                  PAGE TITLE                   //////////*/
#title_bar{
	height: 90px;
	padding: 0px;
	background: #8cbf47;
	background: -moz-linear-gradient(left, #8cbf47 0%, #8cbf47 35%, #ffffff 36%);
	background: -webkit-linear-gradient(left, #8cbf47 0%,#8cbf47 35%,#ffffff 36%);
	background: linear-gradient(to right, #8cbf47 0%,#8cbf47 35%,#ffffff 36%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cbf47', endColorstr='#ffffff',GradientType=1 );
	clear: both;
}
#title_bar > .container{height: 90px;}
#logo_title{
	background-color: #8cbf47;
	padding: 5px 25px 5px 5px;
	text-align: right;
	height: 90px;
}
#logo_title:after{
	content: "";
	width: 20px;
	height: 100px;
	position: absolute;
	background: #8cbf47;
	box-shadow: 14px 0px 15px 0px rgba(0,0,0, 0.2);
	top: -10px;
	right: 0;
	z-index: 1;
}
#logo_title img{
	width:auto;
	height: 80px;
}
#page_title{
	padding: 5px;
	text-align: center;
	color: #8cbf47;
	background: #fff;
	height: 90px;
}
#page_title h2{
	color: #8cbf47;
	font-size: 41px;
	line-height: 80px;
	margin-bottom: 0;
	padding-bottom: 0;
	/*font-family: Maiandra;*/
}
#page_title p{
	color: #8cbf47;
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 0;
	padding-bottom: 0;
	font-family: Maiandra;
	text-align: left;
}
#page_title p.totale{padding-left: 50px;}

#page_title h2.price{
	line-height: 40px;
	text-align: left;
}
#page_title h4{
	font-size: 28px;
	line-height: 28px;
}
#countdown{
	padding: 8px 0px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	margin-top: 0px;
}
#countdown p{
	font-size: 13px;
	/* line-height: 16px; */
	text-align: center;
	margin: 0px 0px 5px 0px;
}
#countdown h1{
	font-size: 28px;
	line-height: 19px;
	text-align: center;
	margin: 0px 0px 5px 0px;
	font-weight: 600;
}
/*///////////////////////////////////////////////////////////////////////
////////////                     CONTENT                     //////////*/
.content{padding: 15px 0;}
.content .description{padding: 30px 15px;}
.content .image{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0px;
	background-origin: content-box;
	width: 100%;
	height: 100%;
	border-radius: 5px;
    min-height: 250px;
}
.content h2{}
.content h4{
	text-transform: uppercase;
	font-size: 20px;
}
.content h4:after{
	content: "";
	width: 150px;
	height: 1px;
	background-color: #5f6c81;
	position: absolute;
	left: 15px;
	margin-top: 25px;
}
.content p{font-size: 18px;}

/*///////////////////////////////////////////////////////////////////////
////////////               SEARCH LIST FORM                 //////////*/
.content#search_list .image{background-image: url(../images/cerca_una_lista.jpg);}
.content#search_list_kiwipass .image{background-image: url(../images/accedi_a_una_lista.jpg);}
#search_form{
	padding-top: 25px;
}
.search_module input{
    padding: 10px;
    font-size: 18px;
    border: 1px solid #5f6d81;
    width: 100%;
    background: #f1f1f1;
    border-radius: 5px;
    height: 32px;
    line-height: 32px;
}
.search_module button {
  width: 100%;
  padding: 0px 10px;
  background: #5f6d81;
  color: white;
  font-size: 18px;
  border: 0;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
}
#login .search_module button {
  border-radius: 5px;
}
.search_module button:hover {background: #0b7dda;}
.search_module::after {
  content: "";
  clear: both;
  display: table;
}

/*///////////////////////////////////////////////////////////////////////
////////////                   DASHBOARD                     //////////*/
.table{
	font-size: 15px;
}
.table tbody td.travel_cost span{
	font-size: 12px;
	font-style: italic;
} 
.table th.row,
.table tr.row {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}
#active_lists a {
	font-weight: bold;
    text-decoration: none;
	color: inherit;
}
#lists_filter{
	background-color: #000;
}
#lists_filter{
	background-color: #5f6d81;
	margin: 0;
	color: #fff;
	text-align: left;
	display: block;
	padding: 10px 10px 10px 10px;
	clear: both;
}
#lists_filter i{
	/* float: right; */
	margin-left: 5px;
}
/*///////////////////////////////////////////////////////////////////////
////////////              CREA/MODIFICA LISTA                //////////*/
.edit_buttons {
	width: calc(100% / 5);
	height: 34px;
	background: none;
	background-color: transparent;
	border: 0;
	padding: 0;
	margin: 0px 0% 0px 0%;
	cursor: pointer;
	float: left;
	text-align: center;
	box-sizing: border-box;
}
.edit_buttons a{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
}
.edit_buttons img{
	width: 20px;
	height: auto;
	margin: 4px auto;
	float: none;
}
.edit_buttons.add_partecipant{
	
}
.edit_buttons.edit_lis{
	
}
.edit_buttons.close_list{
	
}
#add_list .input-group-append{
	width: 100%;
	height: 250px;
	margin-top: 15px;
	overflow: hidden;
	padding: 0;
}
#add_list #uploaded_image{
	margin: 0 auto;
}
thead th{
	vertical-align: unset !important;
	text-transform: uppercase;
	font-weight: 400;
	text-align: center;
	font-size: 20px;
}
thead input{
	border: 0;
	border-radius: 3px;
	padding: 5px 5px 5px 10px;
	font-size: 14px;
	max-width: 100%;
	width: 100%;
}
thead input:focus+i{
	opacity: 1;
}
.clear_input{
	display: none;
	position:absolute;
	margin-left: -15px;
	color: #5f6c81;
	font-size: 13px;
	margin-top: 10px;
	opacity: 0;
}
form#add_list{
	margin-left: 0px;
	margin-right: 0px;
}
#add_list .form-check-inline{
	margin-right: 0;
}
.add_list.btn{
	border: 1px solid #5f6c81;
	background-color: transparent;
	float: right;
	color: #5f6c81;
	margin-bottom: 15px;
}
#add_list.btn i{
	font-size: 12px;
	margin-right: 5px;

}
.add_list.btn a{
	text-decoration: none;
	color: #5f6c81
}
.add_list.btn:hover{
	background-color: #5f6c81;
	color: #fff;
}
.add_list.btn:hover a,
.add_list.btn:hover i{
	color: #fff;
}
button#create_list{
	border: 0;
	background-color: #5f6c81;
	float: none;
	color: #fff;
	margin: 0 auto;
	padding: 10px 40px
}
#msg,
.msg{
	display: none;
	position: fixed;
	width: 300px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin-left: -150px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid #dadada;
	padding: 15px;
}
#crea_lista #msg,
#crea_lista .msg{
	position: relative;
	width: 100%;
	height: auto;
	top: unset;
	left: unset;
	margin-left: unset;
	margin-top: 25px;
	/* border: 1px solid #dadada; */
}
#msg p,
.msg p{
	  height: 100%;
	  text-align: center;
	  margin: 0;
	  display: table;
	  width: 100%;
}
#msg p span,
.msg p span {
  display: table-cell;
  vertical-align: middle;
}
#msg.success,
.msg.success{
	border: 1px solid green;
}
#msg.success span,
.msg.success span{
	color: green;
}
#msg.fail,
.msg.fail{
	border: 1px solid red;
}
#msg.fail span,
.msg.fail span{
	color: red;
}
.back_home,
.back_home:hover{
	background: #5f6b81;
	border: 0;
	color: #fff;
	float: left;
}
.back_home a{
	color: #fff;
	text-decoration: none;
}
.logout,
.logout:hover{
	background: #5f6b81;
	border: 0;
	color: #fff;
	float: right;
}
.logout a{
	color: #fff;
	text-decoration: none;
}
.switch_btn {
  width: calc(100% / 5);
  height: 34px;
  position: relative;
  padding: 2px 0px 7px 0px;
  float: left;
  /* position: absolute; */
  /* right: -3px; */
  /* top: 3px; */
  box-sizing: border-box;
  text-align: center;
}

.switch_btn .btn {
  display: block;
  width: 12px;
  height: 100%;
  background: #c10000;
  border-radius: 40px;
  position: relative;
  padding: 0px;
}
.edit_buttons.switch_btn .btn {
	float: none;
	margin: 0 auto;
}
.switch_btn .btn i {
  display: block;
  height: 10px;
  width: 10px;
  border-radius: inherit;
  background: silver;
  position: absolute;
  z-index: 2;
  right: 0px;
  top: 12px;
  background: #5f6c81;
}

.switch_btn .btn i:before {
  text-transform: uppercase;
  font-style: normal;
  font-weight: bold;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  right: -50%;
}

.switch_btn .btn.checked {
  background: #8cbf47;
}

.switch_btn .btn.checked i {
  top: 0px;
}

#select_active{
	float: left;
	text-transform: initial;
    font-size: 14px;
    line-height: 22px;
}
#select_active .switch_btn{
	float: right;
	margin-left: 10px;
	width: 30px;
	height: 30px;
	padding-top: 0px;
	padding-bottom: 9px;
	padding-top: 5px;
	position: relative;
	right: unset;
	top: unset;
}

#select_active .switch_btn .btn {width: 100%;}
#select_active .switch_btn .btn i {
	width: 15px;
	height: 15px;
	right: 14px;
	top: 0;
}
#select_active .switch_btn .btn.checked i {
    right: 0px;
}
#select_office{
	float: left;
	text-transform: initial;
	font-size: 14px;
	line-height: 22px;
	margin-left: 25px;
}
#select_office .switch_office{
	float: right;
	margin-left: 10px;
	position: relative;
}
#select_office .switch_office .btn{
	margin-top: -7px;
	border-radius: 5px;
	width: 45px;
	height: 35px;
	border: 1px solid #8cbf48;
	padding: 0.3rem 0rem;
	font-weight: bold;
	margin-right: 5px;
}
#select_office .switch_office .btn:hover,
#select_office .switch_office .btn.active{
	background-color: #8cbf48;
	color: #fff;
}
.popup_partecipant{
	display: none;
	/* position: fixed; */
	width: 100%;
	height: auto;
	background-color: rgb(222, 226, 230);
	/* top: 0; */
	/* left: 0; */
	/* right: 0; */
	/* bottom: 0; */
	margin: 0;
	padding: 0;
	font-size: 13px;
	z-index: 3;
}
.popup_partecipant form{
	position: relative;
	width: 100%;
	height: auto;
	/* background-color: #fff; */
	/* top: 50%; */
	/* margin-top: -200px; */
	/* left: 50%; */
	/* margin-left: -175px; */
	margin: 0;
	padding: 15px;
}
.popup_partecipant i{
    position: absolute;
    right: 17px;
	cursor: pointer;
	font-size: 20px;
	z-index: 3;
}
.popup_partecipant p{
	padding: 15px;
	font-size: 16px;
	text-align: center;
	margin: 0;
    color: #5f6d81;
}
.popup_partecipant .form-group{
	margin-bottom: 0;
}
.popup_partecipant label{
	font-size: 13px;
	float: left;
	line-height: 26px;
}
.popup_partecipant label.form-check-label{
	margin-left: 5px
}

.popup_partecipant input{
	font-size: 13px;
	padding: 5px 10px;
	height: 30px;
}
.popup_partecipant input[type=checkbox]{
	position: relative;
	float:left;
	margin: 0;
}
.popup_partecipant small{
	font-size: 10px;
}
.popup_partecipant button{
	margin: 0 auto;
	padding: 5px 10px;
	height: 36px;
	text-transform: uppercase;
	font-size: 14px;
	border-radius: 5px;
	background-color: #8cbf47;
	border: 0;
}
/*///////////////////////////////////////////////////////////////////////
////////////           CREA MODIFICA PARTECIPANTI             //////////*/
#total_amount{
	text-align: right;
}
#total_amount .edit_buttons{
	width: auto;
}
.add_partecipants.btn{
	border: 1px solid #5f6c81;
	background-color: transparent;
	float: right;
	color: #5f6c81;
	font-size: 14px;
    margin: 5px 0 0 auto;
}
.add_partecipants.btn img{
	width: auto;
	height: 25px;
	margin-right: 10px;
}
.add_partecipants.btn:hover{
	background-color: #ffffff;
	color: #5f6c81;
}
/*///////////////////////////////////////////////////////////////////////
////////////                  LOGIN PAGE                    //////////*/
#background_header{background-image: url(../images/bg_header_generica.jpg);}

/*///////////////////////////////////////////////////////////////////////
////////////                  LISTA PROMESSA                 //////////*/
#lista_regalo.promessa #background_header{	
  background-image: url(../images/bg_header_honeymoon.jpg);
  background-position: center center;
}
#lista_regalo.promessa #title_bar{
	background: #66cc72;
	background: -moz-linear-gradient(left, #66cc72 0%, #66cc72 35%, #ffffff 36%);
	background: -webkit-linear-gradient(left, #66cc72 0%,#66cc72 35%,#ffffff 36%);
	background: linear-gradient(to right, #66cc72 0%,#66cc72 35%,#ffffff 36%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d88bad', endColorstr='#ffffff',GradientType=1 );
}
#lista_regalo.promessa #logo_title{background-color: #66cc72;}
#lista_regalo.promessa #logo_title img{height: 120px;
	position: absolute;
	z-index: 2;
	left: 5px;
	top: -35px;
}
#lista_regalo.promessa #logo_title:after{
	background: #66cc72;
}
#lista_regalo.promessa #page_title h2{
	color: #66cc72;
}
#lista_regalo.promessa #page_title h4{color: #66cc72;}
#lista_regalo.promessa #page_title p{
	color: #66cc72;
	font-size: 20px;
	line-height: 18px;
	text-align: left;
}
#lista_regalo.promessa .content .image{}
#lista_regalo.promessa #countdown{
    border-color: #66cc72;
}
#lista_regalo.promessa #countdown p{
    color: #66cc72;
    text-transform: uppercase;
}
#lista_regalo.promessa #countdown h1{
    color: #66cc72;
}


/*///////////////////////////////////////////////////////////////////////
////////////                  LISTA NOZZE                   //////////*/
#lista_regalo.matrimonio #background_header{	
  background-image: url(../images/bg_header_honeymoon.jpg);
  background-position: center center;
}
#lista_regalo.matrimonio #title_bar{
	background: #d88bad;
	background: -moz-linear-gradient(left, #d88bad 0%, #d88bad 35%, #ffffff 36%);
	background: -webkit-linear-gradient(left, #d88bad 0%,#d88bad 35%,#ffffff 36%);
	background: linear-gradient(to right, #d88bad 0%,#d88bad 35%,#ffffff 36%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d88bad', endColorstr='#ffffff',GradientType=1 );
}
#lista_regalo.matrimonio #logo_title{background-color: #d88bad;}
#lista_regalo.matrimonio #logo_title img{height: 120px;
	position: absolute;
	z-index: 2;
	left: 5px;
	top: -35px;
}
#lista_regalo.matrimonio #logo_title:after{
	background: #d88bad;
}
#lista_regalo.matrimonio #page_title h2{
	color: #d88bad;
}
#lista_regalo.matrimonio #page_title h4{color: #d88bad;}
#lista_regalo.matrimonio #page_title p{
	color: #d88bad;
	font-size: 20px;
	line-height: 18px;
	text-align: left;
}
#lista_regalo.matrimonio .content .image{}
#lista_regalo.matrimonio #countdown{
    border-color: #d88bad;
}
#lista_regalo.matrimonio #countdown p{
    color: #d88bad;
    text-transform: uppercase;
}
#lista_regalo.matrimonio #countdown h1{
    color: #d88bad;
}

/*///////////////////////////////////////////////////////////////////////
////////////                  LISTA LAUREA                   //////////*/
#lista_regalo.laurea #background_header{	
  /*background-image: url(../images/bg_header_honeymoon.jpg);*/
  background-position: center center;
}
#lista_regalo.laurea #title_bar{
	background: #e03c3c;
	background: -moz-linear-gradient(left, #e03c3c 0%, #e03c3c 35%, #ffffff 36%);
	background: -webkit-linear-gradient(left, #e03c3c 0%,#e03c3c 35%,#ffffff 36%);
	background: linear-gradient(to right, #e03c3c 0%,#e03c3c 35%,#ffffff 36%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d88bad', endColorstr='#ffffff',GradientType=1 );
}
#lista_regalo.laurea #logo_title{
	background-color: #e03c3c;
}
#lista_regalo.laurea #logo_title:after{
	background: #e03c3c;
}
#lista_regalo.laurea #page_title h2{
	color: #e03c3c;
}
#lista_regalo.laurea #page_title h4{color: #d82727;}
#lista_regalo.laurea #page_title p{
	color: #e03c3c;
	font-size: 20px;
	line-height: 18px;
	text-align: left;
}
#lista_regalo.laurea .content .image{}
#lista_regalo.laurea #countdown{
    border-color: #e03c3c;
}
#lista_regalo.laurea #countdown p{
    color: #e03c3c;
    text-transform: uppercase;
}
#lista_regalo.laurea #countdown h1{
    color: #e03c3c;
}

/*///////////////////////////////////////////////////////////////////////
////////////              LISTA NOZZE D'ARGENTO              //////////*/
#lista_regalo.nozzedargento #background_header{	
  /*background-image: url(../images/bg_header_honeymoon.jpg);*/
  background-position: center center;
}
#lista_regalo.nozzedargento #title_bar{
	background: #c5c5c5;
	background: -moz-linear-gradient(left, #c5c5c5 0%, #c5c5c5 35%, #ffffff 36%);
	background: -webkit-linear-gradient(left, #c5c5c5 0%,#c5c5c5 35%,#ffffff 36%);
	background: linear-gradient(to right, #c5c5c5 0%,#c5c5c5 35%,#ffffff 36%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d88bad', endColorstr='#ffffff',GradientType=1 );
}
#lista_regalo.nozzedargento #logo_title{background-color: #c5c5c5;}
#lista_regalo.nozzedargento #logo_title:after{	background: #c5c5c5;}
#lista_regalo.nozzedargento #page_title h2{
	color: #909090;
}
#lista_regalo.nozzedargento #page_title h4{color: #909090;}
#lista_regalo.nozzedargento #page_title p{
	color: #909090;
	font-size: 20px;
	line-height: 18px;
	text-align: left;
}
#lista_regalo.nozzedargento .content .image{}
#lista_regalo.nozzedargento #countdown{
    border-color: #c5c5c5;
}
#lista_regalo.nozzedargento #countdown p{
    color: #909090;
    text-transform: uppercase;
}
#lista_regalo.nozzedargento #countdown h1{
    color: #909090;
}

/*///////////////////////////////////////////////////////////////////////
////////////               LISTA ANNIVERSARIO               //////////*/
#lista_regalo.anniversario #background_header{	
  /*background-image: url(../images/bg_header_honeymoon.jpg);*/
  background-position: center center;
}
#lista_regalo.anniversario #title_bar{
	background: #1c3761;
	background: -moz-linear-gradient(left, #1c3761 0%, #1c3761 35%, #ffffff 36%);
	background: -webkit-linear-gradient(left, #1c3761 0%,#1c3761 35%,#ffffff 36%);
	background: linear-gradient(to right, #1c3761 0%,#1c3761 35%,#ffffff 36%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d88bad', endColorstr='#ffffff',GradientType=1 );
}
#lista_regalo.anniversario #logo_title{background-color: #1c3761;}
#lista_regalo.anniversario #logo_title:after{	background: #1c3761;}
#lista_regalo.anniversario #page_title h2{
	color: #1c3761;
}
#lista_regalo.anniversario #page_title h4{color: #1c3761;}
#lista_regalo.anniversario #page_title p{
	color: #1c3761;
	font-size: 20px;
	line-height: 18px;
	text-align: left;
}
#lista_regalo.anniversario .content .image{}
#lista_regalo.anniversario #countdown{
    border-color: #1c3761;
}
#lista_regalo.anniversario #countdown p{
    color: #1c3761;
    text-transform: uppercase;
}
#lista_regalo.anniversario #countdown h1{
    color: #1c3761;
}
/*///////////////////////////////////////////////////////////////////////
////////////               LISTA COMPLEANNO               //////////*/
#lista_regalo.compleanno #background_header{	
  /*background-image: url(../images/bg_header_honeymoon.jpg);*/
  background-position: center center;
}
#lista_regalo.compleanno #title_bar{
	background: #f3a46b;
	background: -moz-linear-gradient(left, #f3a46b 0%, #f3a46b 35%, #ffffff 36%);
	background: -webkit-linear-gradient(left, #f3a46b 0%,#f3a46b 35%,#ffffff 36%);
	background: linear-gradient(to right, #f3a46b 0%,#f3a46b 35%,#ffffff 36%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d88bad', endColorstr='#ffffff',GradientType=1 );
}
#lista_regalo.compleanno #logo_title{background-color: #f3a46b;}
#lista_regalo.compleanno #logo_title:after{	background: #f3a46b;}
#lista_regalo.compleanno #page_title h2{
	color: #f3a46b;
}
#lista_regalo.compleanno #page_title h4{color: #f3a46b;}
#lista_regalo.compleanno #page_title p{
	color: #f3a46b;
	font-size: 20px;
	line-height: 18px;
	text-align: left;
}
#lista_regalo.compleanno .content .image{}
#lista_regalo.compleanno #countdown{
    border-color: #f3a46b;
}
#lista_regalo.compleanno #countdown p{
    color: #f3a46b;
    text-transform: uppercase;
}
#lista_regalo.compleanno #countdown h1{
    color: #f3a46b;
}
/*///////////////////////////////////////////////////////////////////////
////////////            LISTA CRESIMA E COMUNIONE            //////////*/
#lista_regalo.comunione #background_header,
#lista_regalo.cresima #background_header{
  /*background-image: url(../images/bg_header_honeymoon.jpg);*/
  background-position: center center;
}
#lista_regalo.comunione #title_bar,
#lista_regalo.cresima #title_bar{
	background: #ded567;
	background: -moz-linear-gradient(left, #ded567 0%, #ded567 35%, #ffffff 36%);
	background: -webkit-linear-gradient(left, #ded567 0%,#ded567 35%,#ffffff 36%);
	background: linear-gradient(to right, #ded567 0%,#ded567 35%,#ffffff 36%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d88bad', endColorstr='#ffffff',GradientType=1 );
}
#lista_regalo.comunione #logo_title,
#lista_regalo.cresima #logo_title{
	background-color: #ded567;
}
#lista_regalo.comunione #logo_title:after,
#lista_regalo.cresima #logo_title:after{
	background: #ded567;
}
#lista_regalo.comunione #page_title h2,
#lista_regalo.cresima #page_title h2{
	color: #cac264;
}
#lista_regalo.comunione #page_title h4,
#lista_regalo.cresima #page_title h4{
	color: #cac264;
}
#lista_regalo.comunione #page_title p,
#lista_regalo.cresima #page_title p{
	color: #cac264;
	font-size: 20px;
	line-height: 18px;
	text-align: left;
}
#lista_regalo.comunione .content .image,
#lista_regalo.cresima .content .image{
	
}
#lista_regalo.comunione #countdown,
#lista_regalo.cresima #countdown{
    border-color: #ded567;
}
#lista_regalo.comunione #countdown p,
#lista_regalo.cresima #countdown p{
    color: #cac264;
    text-transform: uppercase;
}
#lista_regalo.comunione #countdown h1,
#lista_regalo.cresima #countdown h1{
    color: #cac264;
}
/*///////////////////////////////////////////////////////////////////////
////////////                  LISTA 18ANNI                   //////////*/
#lista_regalo.diciottoanni #background_header{	
  background-image: url(../images/bg_header_diciottoanni.jpg);
  background-position: center center;
}
#lista_regalo.diciottoanni #title_bar{
	background: #DAA520;
	background: -moz-linear-gradient(left, #DAA520 0%, #DAA520 35%, #ffffff 36%);
	background: -webkit-linear-gradient(left, #DAA520 0%,#DAA520 35%,#ffffff 36%);
	background: linear-gradient(to right, #DAA520 0%,#DAA520 35%,#ffffff 36%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DAA520', endColorstr='#ffffff',GradientType=1 );
}
#lista_regalo.diciottoanni #logo_title{background-color: #DAA520;}
#lista_regalo.diciottoanni #logo_title img{
	
}
#lista_regalo.diciottoanni #logo_title:after{	background: #DAA520;}
#lista_regalo.diciottoanni #page_title h2{
	color: #DAA520;
}
#lista_regalo.diciottoanni #page_title h4{color: #DAA520;}
#lista_regalo.diciottoanni #page_title p{
	color: #DAA520;
	font-size: 20px;
	line-height: 18px;
	text-align: left;
}
#lista_regalo.diciottoanni .content .image{}
#lista_regalo.diciottoanni #countdown{
    border-color: #DAA520;
}
#lista_regalo.diciottoanni #countdown p{
    color: #DAA520;
    text-transform: uppercase;
}
#lista_regalo.diciottoanni #countdown h1{
    color: #DAA520;
}

/* CHOICE OPTION */
#choose{
	display: none;
	/* position: fixed; */
	/* width: 100%; */
	/* height: 100%; */
	background-color: rgb(222, 226, 230);
	/* top: 0; */
	/* left: 0; */
	/* right: 0; */
	/* bottom: 0; */
	font-size: 13px;
	margin: 0;
	/* z-index: 3; */
}
#choose .content{
	/* position: fixed; */
	width: 100%;
	/* height: 150px; */
	/* background-color: #fff; */
	/* top: 350px; */
	/* margin-top: -75px; */
	/* left: 50%; */
	/* margin-left: -175px; */
	padding: 10px;
	border-radius: 3px;
}
#choose p{
	padding: 0px 15px 15px 15px;
	font-size: 16px;
	text-align: center;
	margin: 0;
	color: #000;
}
#choose .confirm{
	max-width: 40%;
	color: #8cbf47;
	text-transform: uppercase;
	font-size: 15px;
	border: 1px solid #8cbf47;
	background: #fff;
	padding: 10px;
}
#choose .confirm:hover{
	max-width: 40%;
	color: white;
	text-transform: uppercase;
	font-size: 15px;
	background: #8cbf47;
	padding: 10px;
}
#choose .cancel{
	max-width: 40%;
	color: #c10000;
	text-transform: uppercase;
	font-size: 15px;
	background: #fff;
	border: 1px solid #c10000;
	padding: 10px;
}
#choose .cancel:hover{
	max-width: 40%;
	color: white;
	text-transform: uppercase;
	font-size: 15px;
	background: #c10000;
	padding: 10px;
}
#choose .choice{
	text-align: center;
	margin: 0px 5%;
	border-radius: 3px;
	cursor: pointer;
}
#choose .choice i{
	
}
/* RESPONSIVE */
@media (max-width: 592px){	
	#page_title{
		height: auto;
	}
	#page_title > .row > div:nth-child(2){
		/* max-width: max-content; */
		/* margin: 0 auto; */
		text-align: center;
	}
	#page_title > .row > div:nth-child(2) p,
	#page_title > .row > div:nth-child(2) h2{
		display: inline-block;
		text-align: center;
		padding: 0 5px;
	}
}
@media (max-width: 575px)  {
	#active_lists td.buttons{ border-bottom: 0px; }
	#active_lists .heading_lists .buttons{ display: none; }
	#partecipants_list .heading_lists .travel_cost,
	#partecipants_list .heading_lists .date,
	#partecipants_list .heading_lists .buttons{ display: none; }
	tbody .list:nth-child(2n){ background: #eee; }
	#active_lists tbody .buttons{ /* margin-left: 18%; */ }
	#choose_list{ margin-bottom: 15px; }
}
@media (max-width: 767px){
	
}
@media (max-width: 991px){
	#title_bar,
	#title_bar > .container{
		height: auto;
	}
	.search_module .image{
		min-height: 250px
	}
	#title_bar > .container{
		max-width: 100%;
	}
	#logo_title {
		padding: 0px;
	}
	#logo_title img {
		float: none;
		margin: 0 auto;
		display: block;
	}
	#lista_regalo.promessa #logo_title img,
	#lista_regalo.matrimonio #logo_title img{
		left: 50%;
		margin-left: -125px;
	}
	#lista_regalo.promessa #page_title p,
	#lista_regalo.matrimonio #page_title p{
		font-size: 14px;
		line-height: 20px;
	}
	#page_title > .row {
		margin: 0px;
	}
	#page_title > .row > div{
		padding: 0px;
	}
	#page_title h2{
		font-size: 40px;
		line-height: 45px;
	}
	#elenco_liste #page_title h2,
	#crea_lista #page_title h2{
		line-height: 85px;
	}
	#page_title p{
		font-size: 14px;
		line-height: 20px;
	}
	#page_title h4{
		font-size: 28px;
		line-height: 36px;
	}
	#page_title h2.price{
		line-height: 40px;
	}
	#countdown{
		margin-top: 0px;
	}
	#page_title{
		height: 86px;
	}
	#logo_title:after{
		display: none;
	}
}
@media (min-width: 576px)  {
	#active_lists td.buttons{ border-bottom: 0px; }
	.choose_list{ margin-bottom: 15px; }
	#active_lists .heading_lists .buttons{ display: none; }
	tbody .list:nth-child(2n){ background: #eee; }
}
@media (min-width: 768px)  {
	#lists_filter{ display: none; }
}
@media (min-width: 992px)  {
	#active_lists .heading_lists .buttons{ display: block;
	}
	table td.mail, 	table th.mail{ display: none;
	}
	
	.search_module > div{
		min-height: 250px
	}
	#lista_regalo.promessa #page_title p,
	#lista_regalo.matrimonio #page_title p{
		font-size: 20px;
		line-height: 18px;
	}
	#page_title h2{
		font-size: 55px;
		line-height: 41px;
	}
	#lista_regalo #page_title h2{
		font-size: 55px;
		line-height: 41px;
	}
	#elenco_liste #page_title h2,
	#crea_lista #page_title h2{
		line-height: 85px;
	}
	#page_title p{
		font-size: 20px;
		line-height: 18px;
	}
	#lista_regalo #page_title h2{
		line-height: 56px;
	}
	#page_title h4{
		font-size: 32px;
		line-height: 22px;
	}
	#page_title h2.price{
		line-height: 40px;
	}
	#countdown{
		margin-top: 0px;
	}
	#page_title{
		height: 90px;
	}
}
@media (min-width: 1200px) {
	table td.mail, table th.mail{ display: block; }
	#active_lists td.buttons{ border-bottom: 1px solid #dee2e6; }
	#active_lists .heading_lists .buttons{ display: block; }
}
@media (min-width: 1300px) {
	
}
@media (min-width: 1400px) {
}

@media (min-width: 1500px) {
	
}