html {
background: #c1c1c1;
}
*. *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
margin: 0; background-color: #FFF;
font-family: Verdana, Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 12px; line-height: 1.42857143; color: #000;
}
.page-content {
margin: 0 auto;
max-width: 1030px;
}
@media (min-width: 768px) {
.page-content {
padding-left: 15px; padding-right: 15px;
}
}
.header-riepilogo .logo_receipt {
margin: 20px auto;
display: block;
vertical-align: middle;
text-align: left;
}
@media (min-width: 768px) {
.header-riepilogo .logo_receipt {
display: inline-block;
margin: 10px 0 20px 0;
}
}
.header-riepilogo h4 {
display: inline-block;
vertical-align: middle;
margin: 10px 0 20px 10px;
color: #000;
font-family: 'Muli', sans-serif;
font-weight: normal;
font-size: 18px;
}
.body-riepilogo {
background: #e6e6e6;
border: 10px solid #e6e6e6;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.body-riepilogo {
padding: 20px;
border:none;
}
}
table { border-collapse: collapse; border-spacing: 0px; }
td.spacing { padding: 0; line-height: 1;}
.payment {
width: 100%;
max-width: 100%;
margin: 0;
}
.bg-payment {
background: #fff;
}
.payment>tbody>tr>th, .payment>tbody>tr>td {
padding: 5px 10px;
vertical-align: top;
height: auto; overflow: hidden;
}
/* Devices (tablets, up to 768px) */
@media (min-width: 768px) {
.payment>tbody>tr>th:first-child,
.payment>tbody>tr>td:first-child { width: 50%; }
}
/* Devices (XSmall devices, 767px and down) */
@media screen and (max-width: 767px) {
.payment>tbody>tr {display: block; padding: 5px; }
.payment>tbody>tr>td {display: block}
}
.payment .wrn-msg {display: inline;}
.prezzi {
width: 100%;
}
.prezzi td:first-child {
text-align:left !important;
text-transform: uppercase;
font-weight: bold;
}
.prezzi td:first-child i {
font-style: normal;
}
.highlight { color: #d41217 !important; font-weight: bold; }
.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: 10px; }
.btn {
font-size: 14px; font-family: 'Muli', sans-serif; font-weight: bold;
text-align: center; vertical-align: middle;
color: #fff;
background-color: #d41217;
border: 1px solid transparent;
display: inline-block;
float: right;
margin: 0 0 0 10px;
padding: 6px 12px;
cursor: pointer;
white-space: nowrap;
line-height: 1.42857143;
-ms-touch-action: manipulation; touch-action: manipulation;
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
p { margin: 0 0 5px; }
a:link, a:hover, a:visited, a:active {text-decoration:none; color:#575757; font-weight:bold; }
a.btn { color: #FFFFFF; }
.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;
}
.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; }
}
#footer {
position: relative;
padding-top: 15px;
padding-bottom: 15px;
margin-top: 15px;
color: #5e5e5e;
background-color: #c1c1c1;
line-height: 1.5;
}
#footer-nav {
padding: 0 15px;
font-size: 85%;
}
@media (min-width: 768px) {
#footer-nav { padding: 0; }
}
#footer-nav, #footer-nav a { font-weight: normal; }
#footer-nav table {width: 100%;}
#footer-nav td {width: 25%; vertical-align: top;}