*. *:before, *:after  {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	margin: 0; background-color: #000;
	font-family: Verdana, Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 11px; line-height: 1.42857143; color: #000;
}

.page-content {
	margin: 0 auto;
	padding-left: 15px; padding-right: 15px;
	max-width: 680px; 
}

.logo {text-align: right; }
@media screen and (max-width: 767px) { 
  .logo {text-align: center; }
}

.logo-left {text-align: left; }
@media screen and (max-width: 767px) { 
  .logo-left {text-align: center; }
}

.logo-header { text-align: center; }
.logo-footer { width: 200px; }

p {	margin: 0 0 5px; }
a:link, a:hover, a:visited, a:active {text-decoration:none; color:#575757; font-weight:bold; }

table {	border-collapse: collapse; border-spacing: 0px; }
.payment { width: 100%; max-width: 100%; margin-bottom: 20px; }
.prezzi { float: right }
th, td {
	padding: 4px;
	line-height: 1.3;
	vertical-align: top;
	height: auto; overflow: hidden;
}
td.spacing { padding: 0; line-height: 1;}

/* Devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	.payment>tbody>tr>th:first-child,
	.payment>tbody>tr>td:first-child { width: 38%; }
}

.td-img { padding: 0px; line-height: 1px; height: auto; }
@media screen and (max-width: 767px) {
	.page-content .td-img { line-height: 10px; height: 10px;}
}

.barra_grigia { 
	background-image: url(../images/barra_grigia.gif); 
	line-height: 22px;
}

.bg-payment  { background: #f0f0f0; }
.bg-data     { background: #e1e1e1; }
.bg-title    { background: #c5c5c5; }
.bg-danger   { background: #eddbe2; border: 1px solid  #950828; }
.bg-headline { background: #950828; }

.title, .sub-title { font-weight: bold;	vertical-align: top; }

.highlight { color: #950828 !important; }
a.highlight {text-decoration: underline; }

/* Devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	.title, .sub-title { padding-left: 65px; text-align: left; }
	.data { padding-right: 65px; text-align: right; }
}
@media screen and (max-width: 767px) {
	.payment>tbody>tr {display: block; padding: 5px; }
	.payment>tbody>tr>td {display: block}
}

.text-left {text-align: left; }
.text-center {text-align: center; }
.text-right {text-align: right; }
.text-justify {text-align: justify; }
.nowrap { white-space: nowrap; }
.small {font-size: 14px; }


label {
	position: relative;
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 0;
	vertical-align: middle;
	cursor: pointer;
}

label input[type="radio"] { position: absolute;	margin-left: -20px; }

.pagamenti img { margin-right: 7px; vertical-align: middle }
.pagamenti div { display: inline-block; vertical-align: middle; width: 68%; }

.allow-overflow { overflow: visible; }

.error-descr{
	font-size:13px;
	font-weight:bold;
	padding:1em;
	color: #950828;
}

.error-box {
	width:70%;
	margin:1em auto;
	border: 1px solid;
	padding-left: 40px;
	border-color: #CCC;
	background: #ffffff url(/images/msgBadBg.png) no-repeat top left;
}

.vivaBottom { text-align: center; font-size: 15px; font-weight: bold; padding: 10px; vertical-align: middle }
.vivaBottom img {vertical-align: middle}

.visible-xs { display: none !important; }
@media screen and (max-width: 767px) {
    .visible-xs { display:block !important; }
    table.visible-xs { display: table !important; }
    tr.visible-xs { display: table-row !important; }
    th.visible-xs,td.visible-xs { display: table-cell !important; }
}

@media screen and (max-width: 767px) {
    .hidden-xs { display:none !important; }
}

.bold { font-weight: bold; }

.app-btn { height: 30px; }

/* Credit cards logos */

.cc-logos div {
  padding:0.5ex;
  background-color:white;
  display:inline-block;
}
    
.cc-logos img {
  margin: 0px;
  height: 35px;
  display: inline-block;
}

/* Satispay */

.satispay-color { color: #f94c43 !important; }
a.satispay-color { text-decoration: underline; }

.mobile_phone_box {
  width: 74%;
  min-width: 240px;
  background-color: #ffffff;
  display:inline-block;
}

#mobile_phone_ipt {
  border: none;
  height: 3ex;
}

#mobile_phone_btn {
  border: none;
  border-top-right-radius: 0.6ex;
  border-bottom-right-radius: 0.6ex;
  height: 3ex;
  width: 24%;
  background-color: #f94c43;
  color: #ffffff;
  font-weight: bold;
}

/* 18App */

._18app-color { color: #2064af !important; }
a._18app-color { text-decoration: underline; }

#_18app_voucher_ipt {
  border: none;
  height: 3ex;
  width: 74%;
  min-width:240px;
}

#_18app_voucher_btn {
  border: none;
  border-top-right-radius: 0.6ex;
  border-bottom-right-radius: 0.6ex;
  height: 3ex;
  width: 24%;
  background-color: #2064af;
  color: #ffffff;
  font-weight: bold;
}

.bonusc_buy_btn {
  border: none;
  border-top-right-radius: 0.6ex;
  border-bottom-right-radius: 0.6ex;
  height: 3ex;
  width: 24%;
  background-color: #2064af;
  color: #ffffff;
  font-weight: bold;
}

.gsp-img-btn {
  border-radius: 8px;
  border: 2px solid #00a0de;
  height: 32px;
}

.gsp-pay-mod {
  border: 1px solid #00a0de;
  background-color: #e5e5da;
}

.gsp-pay-mod img {
  height: 32px;
}


.background-payment-options {
 background-color: #fff;
}


.bg-warning {
  color: #000000; !important
  background-color: #0CF6DB; !important
  border-color: #08e0c7; !important
}


.bg-warning:hover {
  color: #fff; !important
  background-color: #EC49FF; !important
  border-color: #EC49FF; !important
}