/*Global Styles*/
.align-middle {
	vertical-align: middle !important;
}

body {
	background: #f1f4f7;
	/*padding-top: 50px;*/
	color: #5f6468;
	font-family: Lato, sans-serif;
	font-weight: 400;
	display: unset;
}

p {
	color: #777;
}

a, a:hover, a:focus {
	color: #960018;
}

h1, h2, h3, h4, h5, h6 {
	color: #5f6468;
}

h1 {
	font-weight: 300;
	font-size: 40px;
}

h2 {
	font-weight: 300;
	margin-bottom: 20px;
}

h3, h4 {
	font-weight: 300;
}

:-moz-any-link:focus{outline:0}


/* login */

.login-form img.img-responsive{
	padding: 5px;
	max-width: 50%;
	max-height: 60px;
}

.large {
	font-size: 2em;
}

.popover {
	max-width: 600px;
	width: auto;
	overflow-wrap:break-word;
	z-index: 3000;
}
.popover-content>img {
	margin:0 15px 15px 0;
	float: left;
}

.text-muted {
	color: #9fadbb;
}

#loader {
	background: rgba(150,0,24,0.85) url(../img/loader.gif) no-repeat center center;
	width:220px;
	height:220px;
	border-radius: 10px;
	box-shadow: #666666 3px 3px 10px;
	display:none;
	position: fixed;
	top:300px;
	right:500px;
	z-index: 1500;
}

.color-gray { color: #5f6468; }
.color-blue { color: #960018; }
.color-teal { color: #1ebfae; }
.color-orange { color: #ffb53e; }
.color-red { color: #f9243f; }

.bg-primary .glyphicon-remove { color: #5f6468;}
.bg-primary .glyphicon-remove:hover { color: #ef4040;}

.no-padding {
	padding: 0; margin: 0;
}

.glyphicon-xl {
	font-size: 6em;
}

.glyphicon-l {
	font-size: 3em;
}

.glyphicon-m {
	font-size: 1.5em;
}

.glyphicon-s {
	font-size: 0.75em;
}

.glyphicon {
	text-shadow: 1px 1px 1px #aaa;
}

.form-control {
	border: 1px solid #ccc;
	box-shadow: none;
}

.form-control:focus {
	border: 1px solid #960018;
	outline: 0;
	box-shadow: inset 0 0 0 1px #960018;
}

/*Buttons*/

button {
	transition-property:text-decoration,background-color,color, opacity;
	transition-duration:0.5s;
}

.user-menu .nome {
	color:white;
	display: inline-block;
	line-height: 22px;
	padding-right:6px;
}
#cart-adv .badge, .communication-adv .badge {
	position:absolute;
	top:-6px;
	right:4px;
	background-color:red;
	color:white;
	font-family: Lato, sans-serif;
	font-size: 12px;
	padding:1px;
	margin:0;
	border-radius: 8px;

}
.badge.novita {
	position: absolute;
	right: 5%;
}
.badge.novita.fade {
	transition: opacity 0.5s;
	opacity: 0;
}

.dropdown .dropdown-menu {
display: block;
visibility: hidden;
opacity: 0;
transition:         all 0.5s  ease;
}

.dropdown {
display: inline-block;
font-size: 18px;
}
.dropdown:hover .dropdown-menu {
visibility: visible;
opacity: 1;
}

@media only all and (max-height: 430px) {
#cart-adv .dropdown-menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    transition:         all 0.5s  ease;
}
}

a.btn:hover,
button:hover {
opacity: 0.8;
}

a.btn:active,
button:active {
box-shadow: inset 0 0 500px rgba(0,0,0,.1);
opacity: 1;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
background-color: #960018;
border-color: #960018;
}

.tooltip > .tooltip-inner {
background-color: #960018;
color: #FFFFFF;
border: 1px solid #960018;
}
.tooltip.top > .tooltip-arrow {
border-top: 5px solid #960018;
}

.btn-success,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success,
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
background-color: #8ad919;
border-color: #8ad919;
padding: 2px 6px;
font-size: 13px;
margin-top: -4px;
}

.btn-warning,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning,
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
background-color: #ffb53e;
border-color: #ffb53e;
}

.btn-danger,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger,
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
background-color: #f9243f;
border-color: #f9243f;
}

/*Backgrounds*/

.bg-primary {
	color: #1b3548;
	background-color: #e9ecf2;
}
a.bg-primary:hover {
	background-color: #e9ecf2;
}
.bg-success {
	color: #fff;
	background-color: #8ad919;
}
a.bg-success:hover {
	background-color: #8ad919;
}
.bg-success a {
	color: rgba(255, 255, 255, .75);
}
.bg-info {
	color: #fff;
	background-color: #960018;
}
a.bg-info:hover {
	background-color: #960018;
}
.bg-info a {
	color: rgba(255, 255, 255, .75);
}
.bg-warning {
	color: #fff;
	background-color: #ffb53e;
}
a.bg-warning:hover {
	background-color: #ffb53e;
}
.bg-warning a {
	color: rgba(255, 255, 255, .75);
}
.bg-danger {
	color: #fff;
	background-color: #f9243f;
}
a.bg-danger:hover {
	background-color: #f9243f;
}
.bg-danger a {
	color: rgba(255, 255, 255, .75);
}

/*Panels*/

.panel {
	border: 0;
}

.panel-heading {
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 0.025em;
	height: 66px;
	line-height: 45px;
}

.panel-default .panel-heading {
	background: #fff;
	border-bottom: 1px solid #eee;
	color: #5f6468;
}

.panel-footer {
	background: #fff;
	border-top: 1px solid #eee;
}

.panel-widget {
	padding: 0;
	position: relative;
}

.panel-widget .panel-footer {
	border: 0;
	text-align: center;
}

.panel-footer .input-group {
	padding: 0;
	margin: 0 -5px;
}

.panel-footer .input-group-btn:last-child>.btn,
.panel-footer .input-group-btn:last-child>.btn-group {
	margin: 0;
}

.panel-widget .panel-footer a {
	color: #999;
}

.panel-widget .panel-footer a:hover {
	color: #666;
	text-decoration: none;
}

.panel-blue { background: #960018; color: #fff; }
.panel-teal { background: #1ebfae; color: #fff; }
.panel-orange { background: #ffb53e; color: #fff; }
.panel-red { background: #f9243f; color: #fff; }

.panel-blue .panel-body p,
.panel-teal .panel-body p,
.panel-orange .panel-body p,
.panel-red .panel-body p {
	color: #fff;
	color: rgba(255, 255, 255, .8);
}

.panel-blue .panel-heading,
.panel-teal .panel-heading,
.panel-orange .panel-heading,
.panel-red .panel-heading {
	border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.panel-blue .text-muted,
.panel-teal .text-muted,
.panel-orange .text-muted,
.panel-red .text-muted {
	color: rgba(255, 255, 255, .5);
}

.dark-overlay {
	background: rgba(0, 0, 0, .05);
	text-align: center;
}

.libriall .panel-body {
	padding:0px 15px;
}
.libriall.results .table>thead>tr>th {
	padding-bottom: 0px;
	height: fit-content;
	height: max-content;
}
.libriall.results .pagination {
	margin:0px;
	padding:0px;
}

@media (max-width: 768px) {
	.widget-right {
		width: 100%;
		margin: 0;
		text-align: center;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
	}
}

@media (max-width: 768px) {
	.widget-left {
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
}

.panel-blue .widget-left { background: #960018; color: #fff; }
.panel-teal .widget-left { background: #1ebfae; color: #fff; }
.panel-orange .widget-left { background: #ffb53e; color: #fff; }
.panel-red .widget-left { background: #f9243f; color: #fff; }

.panel-widget {
	background: #fff;
}

/*Jumbotron*/

.jumbotron {
	background: #fff;
	border-bottom: 1px solid #eee;
	color: #5f6468;
}

/*Tabs*/

.panel .tabs {
	margin: 0;
	padding: 0;
}

.nav-tabs {
	background: #e9ecf2;
	border: 0;
}

.nav-tabs li a:hover {
	background: #fff;
}

.nav-tabs li a,
.nav-tabs li a:hover,
.nav-tabs li.active a,
.nav-tabs li.active a:hover {
	border: 0;
	padding: 15px 20px;
}

.nav-pills {
	padding: 15px;
	padding-bottom: 0;
}

.nav-pills li a,
.nav-pills li a:hover,
.nav-pills li.active a,
.nav-pills li.active a:hover {
	border: 0;
	padding: 7px 15px;
}

.nav-pills li.active a,
.nav-pills li.active a:hover {
	background: #960018;
}

.tab-content {
	padding: 15px;
}


/*Navbar*/

.navbar {
	border: 0;
	background-color:#080808;
}
.navbar-fixed-top {
	position: -webkit-sticky !important;
	position: sticky !important;
}
.navbar-brand {
	display: block;
}
.navbar-brand img { margin-left:5px; float: left; height:25px; }
.navbar-brand.logo img { margin-left:5px; float: left; height:50px; }
.navbar-brand.logo {margin:0px; padding:0px 5px;}

.navbar-toggle .icon-bar { background-color: #fff; border:1px solid #fff;}

.navbar input {
	border: 0;
	background: #444;
	color: #fff;
}

.navbar input:focus {
	color: #fff;
	background: #555;
	border: 1px solid #960018;
	outline: 0;
	box-shadow: inset 0 0 0 1px #960018;
}

.user-menu {
	display: inline-block;
	margin-top: 14px;
	margin-right: 10px;
	float: right;
	list-style: none;
	padding: 0;
}

.user-menu a {
	color: #fff;
}

.user-menu a:hover, .user-menu a:focus {
	text-decoration: none;
}

/* Sidebar */

.sidebar {
	display: block;
	background-color: #fff;
	padding: 0;
	display: none;
}

.sidebar form {
	padding: 20px 15px 5px 15px;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.sidebar {
		display: block;
		position: fixed;
		top: 50px;
		bottom: 0;
		left: 0;
		z-index: 100;
		display: block;
		margin: 0;
		padding: 0;
		overflow-x: hidden;
		overflow-y: auto;
		background-color: #fff;
		box-shadow: 1px 0 10px rgba(0, 0, 0, .05);
	}
	.navbar-header {
		width: 100%;
	}
}

.sidebar ul.nav a:hover,
.sidebar ul.nav li.parent ul li a:hover {
	text-decoration: none;
	background-color: #e9ecf2;
	transition-property:text-decoration,background-color,color, opacity;
	transition-duration:0.5s;
}


.sidebar ul.nav .active > a, .sidebar ul.nav li.parent li.active a,
.sidebar ul.nav .active:not(.parent) > a:hover, .sidebar ul.nav li.parent li.active a:hover,
.sidebar ul.nav .active.parent li.active > a:hover, .sidebar ul.nav li.parent li.active a:hover,
.sidebar ul.nav .active:not(.parent) > a:focus, .sidebar ul.nav li.parent li.active a:focus
.sidebar ul.nav .active.filler li.active > a:focus, .sidebar ul.nav li.parent.filler li a.active:focus {
	color: #fff;
	background-color: #960018;
}
.sidebar ul.nav .parent.active > a {
	background-color: #e9ecf2 !IMPORTANT;
	color:#960018;
}
.sidebar ul.nav .parent ul {
	padding-left:0px;
}

.sidebar ul.nav ul,
.sidebar ul.nav ul li {
	list-style: none;
	list-style-type: none;
}

.sidebar ul.nav ul.children {
	width: auto;
	padding: 0;
	margin: 0;
	background: #f9f9f9;
}

.sidebar ul.nav ul.children li a {
	height: 40px;
	background: #f9f9f9;
	color: #960018!important;
}

.sidebar ul.nav li.current a {
	background-color: #960018;
	color: #fff!important;
}

.sidebar ul.nav li.parent ul li a {
	border: none;
	display:block;
	padding-left: 30px;
	line-height: 40px;
}
.sidebar ul.nav li.parent ul{
	display:none;
}
.sidebar ul.nav li.parent.active ul{
	display: block;
}
.sidebar ul.nav li.parent {
	border-left: solid 1px #960018;
}
.sidebar ul.nav li.parent.active {
	border-left: solid 4px #960018;
}
.menu span.glyphicon, .menu span.fa, .navbar .glyphicon {
	margin-right: 10px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
	.menu .no-vis {
		display: none !important;
	}
	.menu span.glyphicon {
		margin-right:0;
		font-size: 25px;
	}
	.menu {
		text-align:center;
	}

}

.sidebar ul.nav li.divider {
	border-bottom: 1px solid #eee;
	margin: 20px 0;
}


.sidebar .attribution {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 15px;
	text-align: center;
	border-top: 1px solid #eee;
	font-size: 12px;
	background-color: inherit;
}


/*Breadcrumbs*/

.breadcrumb {
	border-radius: 0;
	padding: 10px 15px;
	background: #e9ecf2;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	margin: 0 ;
}

h1.page-header {
	margin-top: 30px;
	border-bottom: 0;
}

.panel-heading .glyphicon {
	margin-right: 10px;
}


/*Tables*/
.table {
	background: #fff;
}

table tr.consegnato td {
	opacity: 0.6;
	background-color: #fbf2b4 !important;
}
table tr.incompleto td {
	background-color: #fbf2b4 !important;
}
table tr.canceled{
	/*background-color: #fca !important;*/
}
table tr.canceled td {
	opacity: 0.2;
	color: red;
}
table tr.canceled td.tipo-ordine {

}
.fixed-table-container {
	border: 1px solid #eee;
}

.fixed-table-container thead th {
	background: #f7f7f8;
	border-color: #ddd;
	color: #5f6468;
	font-weight: 300;
	font-size: 16px;
}

.fixed-table-container tbody td {
	border: 1px solid #eee;
}

.fixed-table-container tbody td:last-child {
	border-right: none;
}

.table th, .table td {
	border-bottom: 1px solid #e6e7e8;
	vertical-align: middle !important;
	height: 50px;
}
.tb_col_2 span:last-child {margin-left:10px;}

.sortby div.col-md-2 { padding-top: 8px;}
.sortby .bootstrap-select.btn-group .dropdown-menu li.selected,
.sortby .bootstrap-select.btn-group .dropdown-menu li.selected span.text {
	font-weight: bold;
}

.fixed-table-pagination .pagination {
	margin-top: 10px;
	margin-bottom: 0;
}
.fixed-table-pagination .pagination-detail {
	margin-top: 20px;
}

.pagination a {
	transition-property:text-decoration,background-color,color, opacity;
	transition-duration:0.5s;
}
.libri .td1 {
	text-align: center;
	width: 65px;
}

.libri .td1 img {
	max-width: 65px;
}
.libri .td1.bookitem img {
	max-height: 80px;
}

.libri .td2 {
	text-align: left;
}
.libri .td2 .bookdata br {
	display: none;
}
.libri .td2 .evidence {
	font-size: 10px;
	background: #000;
	color: #FFF;
	padding: 4px 8px;
	margin-left: 10px;
	margin-top: -7px;
	border-radius: 4px;
	font-weight: bolder;
}
.libri .td2.bookitem {
	height: fit-content;
	height: max-content;
}
.libri .td2 .bookdata .tipo {
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
}
.libri .td2.bookitem .adminlink {
	display: inline-block;
	margin-left: 10px;
}
.libri .td2 .bookdata .tipo .subspec {
	margin-right: 10px;
	font-weight: 100;
}
.libri .td2 .bookdata .tipo .subspec b {
	font-weight: bolder;
}
.libri .title {
	font-size: 1.5em;
}
.libri .isbn {
	font-size: 0.9em;
	color: #999;
	font-style: italic;
}
.libri .tipo {
	display: block;
	font-size: 0.8em;
	font-weight: 600;
}
.libri .td3 {
	text-align: left;
	width:170px;
}
.libri .td4 {
	text-align: center;
	width:80px;
}
.libri .prezzo {
	font-size:18px;
	display: block;
}
.vecchioprezzo {
	font-size:16px;
	text-decoration-line: line-through;
}
.libri .vecchioprezzo {
	display: block;
}
.libri .sconto, .outlet .sconto  {
	font-size: 16px;
	margin: 3px;
	background-color: #960018;
	color: #fff;
	display: block;
	text-align: center;
}
.outlet .sconto {
	width: 30%;
}
.bookboxdata .vecchioprezzo {
	font-weight: bold;
	padding-right: 5px;
}
.bookboxdata .prezzo {
	font-weight: bold;
}
.bookboximage {
	max-width: 150px;
}
.libri .td5 {
	text-align: center;
	cursor:pointer;
}
.libri .disponibilita {
	display:inline-block;
	min-width:16px;
	text-align:center;
	height:16px;
	padding:0 3px 1px;
	font-size:12px;
	line-height:16px;
	color:white;
	font-weight:bold;
	border-radius:8px;
	box-shadow: 1px 1px 1px #aaa;
}
.libri .td6 {
	text-align: center;
	width:150px;
	position: relative;
}
.libri .qta {
	width:60px;
	text-align: center;
	display: block;
	margin: 0 auto 10px auto;
}
.nobook.libri .qta, .normali.libri .qta {
	display: inline-block;
	margin: 0;
}
.cart-card {
	display: inline-block;
	margin:10px;
	font-size:4em;
	background-color: white;
	border-radius: 0.5em;
	padding: 0.5em;
	width: 2em;
	height: 2em;
	border:none;
}
.cart-card > span {
	display: block;
	margin:auto;
	color:lightgray;
}
.cart-card  span.attivo {
	color: #960018;
}
.cart-card  span.fatto {
	color: gray;
}

.progress { position:relative; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.bar { background-color:#960018; width:0%; height:20px; border-radius: 3px; }
.percent { color:white; position:absolute; display:inline-block; top:1px; left:48%; font-size:0.8em }

.commBar {
	color:darkslategray;
	padding:10px;
	cursor:pointer;
}
.commBar > div {
	line-height:40px;
}
.commBar.row img.responsive{
	margin-right: 10px;
}
.commBar:hover, .commBar:focus, .commBar:active {
	background-color:#eeeeee;
}

/*Checkmark for new item*/
.check-container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 0px;
	cursor: pointer;
	font-size: 16px;
	font-weight: normal;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.check-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #eee;
}

/* On mouse-over, add a grey background color */
.check-container:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.check-container input:checked ~ .checkmark {
	background-color: #960018;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.check-container input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.check-container .checkmark:after {
	left: 8px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
/*End checkmark */


/* nobook */
.nobookpage #gridview {
	text-align: center;
}

.nobookpage div.image {
	margin: 10px;
	display: inline-block;
	position: relative;
}

.nobookpage div.image img {
	width: 100%;
	max-width: 300px;
	height: auto;
	border: 1px solid #ccc;
}

.nobookpage div.preview-image {
	/*float: left;*/
	padding: 0px 0px 20px 20px;
}

.nobookpage div.preview-image img {
	width: 100%;
	max-width: 450px;
	max-height: 450px;
	height: auto;
	border: 1px solid #ccc;
}

.nobookpage div.preview-image img.focused {
	border: #fbb20f 2px solid;
}

.nobookpage div.image img:hover {
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.32), 0 0 0 0px
	rgba(0, 0, 0, 0.16);

}

.nobookpage .heading {
	padding: 10px 10px;
	margin-bottom: 10px;
	font-size: 1.2em;
}

.nobookpage #grid {
	margin-bottom: 30px;
}

.nobookpage .quick_look {
	display: none;
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -51px;
	background: transparent;
	border: #FFF 2px solid;
	padding: 8px 25px;
	color: #FFF;
	font-size: 14px;
	cursor: pointer;
}

.nobookpage .quick_look:hover {
	background: #FFF;
	color: #333;
}

.nobookpage .product-info {
	float: left;
	margin-left: 20px;
}

.nobookpage div.product-info ul {
	margin: 10px 0px;
	padding: 0;
}

.nobookpage div.product-info li {
	cursor: pointer;
	list-style-type: none;
	display: inline-block;
	color: #F0F0F0;
	text-shadow: 0 0 1px #666666;
	font-size: 14px;
}

.nobookpage div.product-info .selected {
	color: #e4a400;
	text-shadow: 0 0 5px #ffb900;
}

.nobookpage .product-title {
	font-size: 1.5em;
}

.nobookpage .product-category {
	margin: 20px 0px;
	font-size: 0.9em;
	color: #c4c4c5;
	text-transform: uppercase;
	border-left: #c4c4c5 3px solid;
	padding: 0px 5px 0px 5px;
	text-transform: uppercase;
}

.nobookpage button.btn-info {
	padding: 10px;
	margin: 20px 20px 10px 0px;
	padding: 10px 20px;
	background: #67bdf7;
	border: #60b2e8 1px solid;
	border-radius: 3px;
	color: #FFF;
}

.nobookpage .ui-widget-header {
	border: none !important;
	background: none !important;
}

.nobookpage #product-view {
	border: #CCC 1px solid;
	overflow: auto;
	display: inline-block;
	padding-top: 20px;
	margin-top: 30px;
	text-align:left;
}
.nobookpage div.preview-image img.thumbnail {
	width: 50px;
	margin-bottom: 10px;
	padding: 5px;
}

.nobookpage #thumbnail-container {
	width: 70px;
	float: left;
	max-height: 600px;
	/*overflow: scroll;*/
}

.nobookpage #preview-enlarged {
	float: right;
	height: 450px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.nobook-single .box {
	display: inline-block;
	min-width: 140px;
	min-height: 140px;
	background-color: white;
	border: 4px dashed #B5B5B5;
	color: #B5B5B5;
	font-size: 50px;
	text-align: center;
	padding: 30px;
}
.nobook-single .box img {
	max-width: 400px;
}
.nobook-single .row {
	padding: 15px 0;
}
/* Responsive Styles */
@media screen and (min-width: 1224px) {
	.nobookpage div.image {
		width: 300px;
	}
}

@media screen and (min-width: 1044px) and (max-width: 1224px) {
	.nobookpage div.image {
		width: 250px;
	}
}

@media screen and (min-width: 845px) and (max-width: 1044px) {
	.nobookpage div.image {
		width: 200px;
	}
}
@media screen and (max-width: 560px) {
	.nobookpage #preview-enlarged {
		float: none;
	}
	.nobookpage #thumbnail-container {
		width: auto;
		margin-top: 10px;

	}
}

img.ribbon-img{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
}

div.checkbox-filter {
	display: inline-block;
	padding-left:30px;
}
.checkbox-filter label{
	position: relative;
	padding-left: 35px;
	margin-bottom: 0px;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	user-select: none;
	color: #960018;
}
#filterNotAvailable, #filterNotAvailable:hover {
	color: #ccc;
}
.checkbox-filter label input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.checkbox-filter .checkmark{
	position: absolute;
	top: 13px;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #eee;
}

.checkbox-filter label:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-filter label input:checked ~ .checkmark {
	background-color: #960018;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-filter label:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.checkbox-filter label input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.checkbox-filter label .checkmark:after {
	left: 8px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.filtri label {
	margin-bottom: 0;
}
.filtri input::placeholder {
	opacity: 0;
}

/* fix */
@media screen and (min-width: 1224px) {
	.tab-content > .tab-pane {
		display: block !important;
	}
}

.orders-tastoni {
	flex: 1; padding: 20px;
}
.orders-tastoni button{
	width: 80%;
	height: 50px;
	color: #960018;
}
.orders-tastoni.selected button{
	background-color: #960018;
	color: #fff
}

/* documenti */
.document-container {
	display: flex;
	gap: 10px;
	flex-wrap: wrap
}
.document-item {
	border: 1px solid #ccc;
	width: 200px;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	align-items: center;
}
.document-item p {
	width: 100%;
	padding: 5px 10px;
	margin: 0;
	color: #fff;
}
.document-item p.document-date {
	opacity: .6;
	font-size: 12px;
}
.document-item p.cat-20 {
	background-color: #008b8b;
}
.document-item .document-content.cat-20:hover {
	background-color: #008b8b33;
}
.document-item p.cat-25 {
	background-color: #4b0082;
}
.document-item .document-content.cat-25:hover {
	background-color: #4b008233;
}
.document-item p.cat-30 {
	background-color: #960018;
}
.document-item .document-content.cat-30:hover {
	background-color: #96001833;
}
.document-item p.cat-40 {
	background-color: #008b8b;
}
.document-item .document-content.cat-40:hover {
	background-color: #008b8b33;
}
.document-item p.cat-other {
	background-color: #333333;
}
.document-item .document-content.cat-other:hover {
	background-color: #33333333;
}
.document-item .document-content {
	display: flex;
	height: 100%;
	width: 100%;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
}