﻿/*
@media (min-width: 576px) { }
@media (min-width: 768px) { }
@media (min-width: 992px) { }
@media (min-width: 1025px) { }
@media (min-width: 1200px) { }
*/
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('./icons/glyphicons/glyphicons-halflings-regular.eot');
    src: url('./icons/glyphicons/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('./icons/glyphicons/glyphicons-halflings-regular.woff2') format('woff2'), url('./icons/glyphicons/glyphicons-halflings-regular.woff') format('woff'), url('./icons/glyphicons/glyphicons-halflings-regular.ttf') format('truetype'), url('./icons/glyphicons/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

/* controls */
textarea {
    resize: none;
}
/* controls */

/* loader */
div#pageLoader,
div#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    display: none;
    z-index: 2000;
}
div#pageLoader {
    background-color: rgba(255, 255, 255, 0.3);
    display: block;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(-360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(-360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

div#pageLoader > div { display: none; }
div#loader > div {
    position: fixed;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    width: 50px;
    height: 50px;
    border: 4px solid #888;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-radius: 50%;
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.inlineSpinner {
    position: absolute;
    width: 18px;
    height: 18px;
    line-height: 18px;
    padding: 3px;
    vertical-align: middle;
    border: 2px solid #888;
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
    border-radius: 50%;
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
/* /loader */


/* collapse */
a[data-toggle="collapse"] > i {
    transition-duration: 250ms;
}

a[data-toggle="collapse"].collapsed > i.icon-arrow-up12 {
    transform: rotate(180deg);
}
/* /collapse */

/* radius */
.form-control,
.bootstrap-select .btn,
.select2-selection {
    border-radius: 0;
}
/* /radius */

/* errors */
div.has-error {
    color: #D84315;
    margin-bottom: 0px;
}
div.has-error .bootstrap-select .btn,
div.has-error .select2-selection {
    border-color: #D84315!important;
}
div.has-error label.has-error {
    margin-bottom: 0;
    font-size: 0.9em;
}
/* /errors */

/* required */
div.required .ui-autocomplete-input,
div.required input:required, /*not([type='checkbox']):not([type='button']):not([type='radio']):not([type='submit']):not([type='reset'])*/
div.required .bootstrap-select .btn,
div.required .select2-selection {
    background-color: #fffdde;
}
/* required */

/* grouprequired */
div.grouprequired .ui-autocomplete-input,
div.grouprequired input, /*not([type='checkbox']):not([type='button']):not([type='radio']):not([type='submit']):not([type='reset'])*/
div.grouprequired .bootstrap-select .btn,
div.grouprequired .select2-selection {
    background-color: #fffdde;
}
/* grouprequired */

/* custom classes */
.td-icon-big {
    width: 65px;
    overflow: hidden;
    text-overflow: ellipsis
}
.icon-big {
    font-size: 24px;
}

.image-responsive-height {
    width: 100%;
}
/* custom-classess */
/* disabled */
.bootstrap-select.disabled .btn.disabled {
    background-color: #fafafa;
}
/* /readonly */

/* disabled required */
div.required .select2-container--disabled .select2-selection--single, .picker__input[required][disabled] {
	background-color: rgba(238, 237, 206, 0.7);
}
.page-container {
    padding: 5px;
    padding-bottom: 100px!important;
}
.panel-body {
    padding: 15px 5px;
}
.container-fluid {
    padding-left: 5px;
    padding-right: 5px;
}
.mt-xs-5, .mt-sm-5 {
    margin-top: 5px;
}
.mb-0 {
    margin-bottom: 0!important;
}
.mt-0 {
	margin-top:0 !important;
}
.pb-0 {
	padding-bottom: 0 !important;
}
.pt-0 {
	padding-top: 0 !important;
}
.p-2 {
    padding: 2px;
}
@media (min-width: 480px) {
    .page-container {
        padding: 20px 20px;
        padding-bottom: 60px;
    }
    .panel-body {
        padding: 20px;
    }
    .container-fluid {
        padding-left: 10px;
        padding-right: 10px;
    }
    .mt-xs-5 {
        margin-top: 0px;
    }
}
@media (min-width: 769px) {
    .mt-sm-5 {
        margin-top: 0px;
    }
    .mt-sm-50 {
        margin-top: 50px!important;
     }
}
/* /phone padding */

/* material underline */
.ui-autocomplete-input:focus,
input:focus:not([type='checkbox']):not([type='button']):not([type='radio']):not([type='submit']):not([type='reset']),
.bootstrap-select .btn:focus,
textarea:focus {
    box-shadow: 0 2px 0 #2196F3, 0 0 0 #000 !important;
}
input[type='checkbox']:focus, input[type='radio']:focus {
    background-color: #eee;
}

.navbar {
    border-bottom: 0;
}
.navbar .active a {
    box-shadow: 5px 0 0 #fff inset, 0 0 0 #000 !important;
}
@media (min-width: 769px) {
    .navbar .active a {
        box-shadow: 0 -3px 0 #fff inset, 0 0 0 #000 !important;
    }
}
/* /material underline*/

/* / fixed nav */
.navbar-header {
    min-width: 160px;
}

/* @media (max-width: 768px) {
    .navbar-fixed-top {
        position: fixed;
    }
} */
/* / fixed nav */

/* navbar-scrollable */
#navbar-second {
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
#navbar-second .navbar-default {
    background-color: #fcfcfc;
}

#navbar-second .navbar {
    height: 43px;
    overflow-y: hidden;
    z-index: 1;
}

#navbar-second .nav.navbar-nav {
    display: flex;
    overflow-x: scroll;
	overflow-y: hidden;
    height: 49px;
    z-index: 2;
}

#navbar-second .nav.navbar-nav > li {
    height: 42px;
}

#navbar-second .nav > li {
    display: flex;
    flex-wrap: nowrap
}

#navbar-second .nav > li > * {
    white-space: nowrap;
}

#navbar-second .navbar .active a {
    box-shadow: 0 -3px 0 #2196F3 inset, 0 0 0 #000 !important;
}
@media (min-width: 769px) {

    #navbar-second .nav.navbar-nav {
        overflow-x: unset;
    }
}
/* /navbar-scrollable */


@media (max-width: 768px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 769px) {
    .visible-xs-inline-block {
        display: none !important;
    }
}

.navbar-brand > img {
    margin-top: -6px;
    height: 32px;
    margin-left: -12px;
}

.cstm-label {
    margin: 1px 0;
    /* width: 44px; */
    text-overflow: ellipsis;
    overflow: hidden;
    border: 0;
}

/* autocomplete */
ul.dropdown-menu.open {
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
/* /autocomplete */

.bootstrap-select .dropdown-menu {
    z-index: 1040;
}
@media (max-width: 768px) {
    .bootstrap-select .dropdown-menu {
        width: 100%;
    }
}
.bootstrap-select .bs-placeholder {
    color: #999;
}

/* sidebar */
.sidebar-r {
    padding-right: 0;
    padding-left: 20px;
}

@media (max-width: 768px) {
    /* body.sidebar-main-visible #pnlSimpleFilters {
        display: block;
    } */

    .sidebar-r {
        padding-right: 0;
        padding-left: 0;
    }

    /* .bootstrap-select .dropdown-menu-right {
        left: auto;
        right: auto;
        width: 100%;
    } */
}
/* ricerca avanzata aperta in mobile */
body.navbar-top-sm-xs.sidebar-xs-indicator.sidebar-mobile-main div.content-wrapper {
    display: none;
}
/* /sidebar */

/* dash text */
.dash-before:before,
.dash-after:after {
    content: " - ";
}

.dash-before:empty,
dash-after:empty {
    display: none;
}
/* /dash text */

/* calendar */
.calendars .monthselect, .calendars .yearselect {
    padding: 5px;
}

.calendar .form-control-feedback {
    /* top: 27px!important; */
}

.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker td.active:focus {
    background-color: #2196F3!important;
}
/* /calendar */

/* / date-picker */
.picker {
    min-width: 290px;
    margin-top: 2px;
}

.picker__day--highlighted, .picker__day--highlighted:hover, .picker--focused .picker__day--highlighted {
    background-color: #fff;
    color: #000;
    box-shadow: 0 0 0 1px #2196F3;
}
.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
    color: #fff;
    background-color: #2196F3;
}
.picker__day--today:before {
    border-top: 6px solid #2196F3;
}
/* / date-picker */

.select2-selection--single {
    height: auto;
    min-height: 36px;
}

.select2-container--disabled .select2-selection__arrow { visibility: hidden; }

/* vc:modal */
.vcmodal .modal-header {
    margin: 0 10px;
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.vcmodal.danger .modal-header {
    border-bottom: 2px solid #F44336;
}

.vcmodal.success .modal-header {
    border-bottom: 2px solid #4CAF50;
}

.vcmodal.info .modal-header {
    border-bottom: 2px solid #00BCD4;
}

/* /vc:modal */

/* thumb */
.thumbnail {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.thumbnail .caption {
    padding: 5px;
    margin-top: 1px;
    border-top: 1px solid #ddd;
}
.selected_color .caption {
    padding: 5px;
    border-top: 2px solid #2196F3;
}
.cstm-thumb {
	width: calc(50% - 22px);
	height: auto;
	display: inline-block;
	margin: 8px;
	border-radius: 3px;
	border: hidden;
	vertical-align: text-bottom;
}
.cstm-thumb-color {
    width: calc(50% - 22px);
}
@media (min-width: 769px) {
    .cstm-thumb-color {
        width: auto;
    }
}
.sidebar-main-hidden .cstm-thumb {
    margin: 10px;
}

/*// carello*/
.pincart {
	display: block;
	width: 22px;
	height: 22px;
	text-align: center;
	background-color: #ffffff;
	color: black;
	line-height: 22px;
	margin-top: -26px;
	position: relative;
	margin-left: 4px;
	border-radius: 4px;
}

/*// catalog*/


.stepcatalog .item {
	padding:3px;
	display: inline-block;
	float: left;
}
.stepcatalog .filter .item {
	padding: 0 !important;
}
.stepcatalog .image {
	display: block;
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}


.stepcatalog .result .level_1 .item .image {
	width: 477px;
	height: 292px;
}
.stepcatalog .result .level_3 .image {
	width: 150px;
	height: 150px;
}
.stepcatalog .filter .level_1 .Parentitem {
	width:314px
}
.stepcatalog .result .level_2 .Parentitem {
	width: 100%;
}
.stepcatalog .filter .childitem .panel,
.stepcatalog .result .childitem .panel {
	/*border: none !important;
	box-shadow: none !important;*/
	font-size: 11px !important;
}

.stepcatalog .result .childitem .panel-heading {
	padding: 0px!important;
}
.stepcatalog .result .level_3 .panel-heading,
.stepcatalog .filter .childitem .panel-flat > .panel-heading {
	padding: 0px !important;
}

.stepcatalog .result .level_3 .panel-heading,
.stepcatalog .result .childitem .level_2 .panel-heading {
	padding-top: 0px !important;
}
.stepcatalog .filter .childitem .item {
	padding: 5px !important;
}
.stepcatalog .result .item .image,
.stepcatalog .filter .childitem .item .image,
.stepcatalog .result .childitem .item .image {
	margin-left: auto;
	margin-right: auto;
}

.stepcatalog .filter .childitem .level_2 .item .image {
	width: 30px;
	height: 30px;
}
.stepcatalog .result .childitem .level_2 .item .caption .description {
	max-width: 30px;
}

.stepcatalog .result .level_3 .item {
padding:10px;

}

.stepcatalog .result .level_3 .item .image {
	width: 125px;
	height: 188px;
}

.stepcatalog .result .childitem .level_2 .item .image {
	width: 68px;
	height: 68px;
}
.stepcatalog .result .childitem .level_2 .item .caption .description {
	max-width: 68px;
}

.stepcatalog .result .level_2 .item .image {
	width: 477px;
	height: 292px;
}
.stepcatalog .filter .level_1 .item .image,
.stepcatalog .filter .level_0 .item .image {
	width: 314px;
	height: 223px;
}
.stepcatalog .filter .panel-flat,
.stepcatalog .result .panel-flat {
	overflow: hidden;
}



.stepcatalog .item .caption {
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.stepcatalog .item .caption .description  {
	font-weight: bold;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

@media (max-width: 1300px) {
	.stepcatalog .result .level_1 .item .image {
		width: 309px;
		height: 206px;
	}

	.stepcatalog .filter .level_1 .Parentitem {
		width: 240px;
	}
	.stepcatalog .filter .level_1 .item .image,
	.stepcatalog .filter .level_0 .item .image {
		width: 240px;
		height: 206px;
	}

	.stepcatalog .result .childitem .level_2 .item .image {
		width: 50px;
		height: 50px;
	}


	.stepcatalog .result .childitem .level_2 .item .caption .description {
		max-width: 50px;
	}
}
	@media (max-width: 1024px) {
		.stepcatalog .filter .level_1 .Parentitem {
			width: 240px;
		}
		.stepcatalog .filter .level_1 .item .image,
		.stepcatalog .filter .level_0 .item .image {
			width: 240px;
			height: 206px;
		}

		.stepcatalog .result .item .level_1 .image {
		width: 240px;
		height: 206px;
		}

		.stepcatalog .filter .item .level_0 .image {
			width: 314px;
			height: 223px;
		}
	}

	@media (max-width: 576px) {
		.stepcatalog .result .childitem .level_2 .item .image {
			width: 40px;
			height: 40px;
		}
		.stepcatalog .result .childitem .level_2 .item .caption .description {
			max-width: 40px;
		}
		.stepcatalog .result .item .level_1 .image {
			width: 277px;
		height: 185px;
		}
	}

	.cstm-thumb img.product-image, .cstm-thumb-color .product-color-image {
		display: block;
		width: 100%;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		cursor: pointer;
	}

	.cstm-thumb .description {
		padding: 10px;
		transition-duration: 500ms;
		height: 77px;
		background-color: #fff;
		position: relative;
	}

	.thumb-space {
		margin: 0 8px 0 8px;
		height: 0;
		display: none;
	}

	.cstm-thumb.description-open div.description {
		height: 160px;
		margin-top: -83px;
	}

	a[data-wishlist="true"][data-wishlist-override=""] i.starOff {
		display: none;
	}

	a[data-wishlist="false"][data-wishlist-override=""] i.starOn {
		display: none;
	}

	a[data-wishlist-override="true"] {
	}

		a[data-wishlist-override="true"] i.starOff {
			display: none;
		}

	a[data-wishlist-override="false"] i.starOn {
		display: none;
	}
	/* Small devices (landscape phones, 576px and up)*/
	@media (min-width: 576px) {
		.cstm-thumb {
			width: 208px;
			height: auto;
		}

			.cstm-thumb.x2 {
				width: 416px;
			}

			.cstm-thumb.xxs {
				width: 52px;
				vertical-align: text-top;
			}

			.cstm-thumb img.product-image,
			.cstm-thumb-color .product-color-image {
				display: none;
			}

			.cstm-thumb div.product-image,
			.cstm-thumb-color .product-color-image {
				display: block;
				width: 206px;
				height: 309px;
				margin: 0;
			}

			.cstm-thumb.x2 div.product-image {
				width: 412px;
				height: 618px;
			}

		.cstm-thumb-color.xxs .product-color-image {
			width: 50px;
			height: 75px;
		}

		.thumb-space {
			display: inline-block;
			width: 208px;
		}
	}

	/* Medium devices (tablets, 768px and up) */
	@media (min-width: 768px) {
		.mt-sm-0 {
			margin-top: 0;
		}
	}

	/* Large devices (desktops, 992px and up) */
	@media (min-width: 992px) {
	}

	@media (min-width: 1025px) {
		.cstm-thumb {
			width: 238px;
			height: auto; /* 430px; */
		}

			.cstm-thumb.x2 {
				width: 476px;
			}

			.cstm-thumb div.product-image,
			.cstm-thumb-color .product-color-image {
				display: block;
				width: 236px;
				height: 354px;
				margin: 0;
			}

			.cstm-thumb.x2 div.product-image {
				width: 474px;
				height: 711px;
			}

		.thumb-space {
			width: 238px;
		}
		/* .thumb.description-open div.product-image {
            height: 245px;
        }
        .thumb.description-open div.product-image {
            height: 245px;
        } */
		.cstm-thumb.description-open div.description {
			height: 160px;
			margin-top: -83px;
		}
	}

	/* Extra large devices (large desktops, 1200px and up) */
	@media (min-width: 1200px) {
	}

	/* thumb-product-container */
	.thumb-color-container,
	.product-details-container {
		width: calc(100% - 566px);
	}

	@media (max-width: 1094px) {
		.thumb-product-container,
		.thumb-color-container,
		.product-details-container {
			width: 100%;
		}
	}

	@media (max-width: 1024px) {
		.thumb-product-container {
			width: auto !important;
		}

		.thumb-color-container,
		.product-details-container {
			width: calc(100% - 506px);
		}
	}

	@media (max-width: 974px) {
		.thumb-product-container,
		.thumb-color-container,
		.product-details-container {
			width: 100% !important;
		}
	}

	.product-details-container .price {
		font-size: 24px;
	}
	/* thumb-product-container */

	/* thumb-color-container */

	@media (max-width: 1094px) {
		.thumb-product-container {
			width: 100%;
		}
	}

	@media (max-width: 1024px) {
		.thumb-product-container {
			width: auto;
		}
	}

	@media (max-width: 974px) {
		.thumb-product-container {
			width: 100%;
		}
	}
	/* thumb-color-container */
	.cstm-dispo-thumb-color {
		width: 119px !important;
		border: 0px solid #fff !important;
		box-shadow: none;
	}

		.cstm-dispo-thumb-color .product-color-image {
			width: 119px !important;
			height: 179px; /* 178.5 */
		}

	/* thumb wishlist */
	.label-favorite {
		display: block;
		float: right;
		width: 2em;
		height: 2em;
		background-color: #fff;
		color: #fff;
		line-height: 1.4em;
		padding: 2px 3px 2px 3px;
		border: 1px solid #fff;
		border-radius: 50%;
		margin-top: 1px;
	}

		.label-favorite i {
			color: #ffa200;
			font-size: 20px;
			/* font-weight: bold; */
		}

			.label-favorite i.readonly-wishlist {
				color: #9e9e9e;
			}

	.product-label-favorite {
		background-color: #fff;
		color: #fff;
		margin-left: 10px;
	}

		.product-label-favorite i {
			color: #ffa200;
			font-size: 1.1em;
		}

	.label-cart {
		display: block;
		float: left;
		width: 2em;
		height: 2em;
		background-color: #fff;
		color: #fff;
		line-height: 1.4em;
		padding: 2px 3px 2px 3px;
		border: 1px solid #fff;
		border-radius: 50%;
		margin-top: 1px;
	}

		.label-cart i {
			color: #4CAF50;
			font-size: 20px;
		}

	.label-ranking {
		display: block;
		float: right;
		width: 2em;
		height: 2em;
		background-color: #fff;
		color: #fff;
		line-height: 1.4em;
		padding: 2px 3px 2px 3px;
		border: 1px solid #fff;
		border-radius: 50%;
		margin-top: 1px;
	}

		.label-ranking i {
			color: #37474F;
			font-size: 14px;
		}

	.header-ranking i {
		color: #37474F;
	}
	/* /thumb */

	/* thumb description / product detail title */
	.vc-thumb-description .code {
		color: #aeaeae;
		font-size: 14px;
	}

	.vc-thumb .vc-thumb-description .dash {
		display: none;
	}

	.vc-thumb-description .text {
		font-weight: bold;
	}

	.vc-thumb .vc-thumb-description .text {
		display: block;
	}
	/* /thumb description / product detail title */

	#wlistContainer.edit .edit-hidden {
		display: none;
	}

	#wlistContainer:not(.edit) .edit-visible,
	#wlistContainer:not(.edit) a[data-wishlist] {
		display: none;
	}


	/*for text inside buttons (span)*/
	.text-btn {
		max-width: 60px;
		min-width: 60px;
		display: inline-block;
		overflow-x: hidden;
		vertical-align: top;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	/* badge cart e wishlist */
		.cartCounter.warning {
			background-color: #FF5722 !important;
			border-color: #FF5722 !important;
		}

	.product-color-image-annullato {
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		display: block;
	}

		.product-color-image-annullato > i {
			color: rgba(255, 128, 128, 0.5);
			font-size: 5em;
			line-height: 100%;
		}

		.product-color-image-annullato:after {
			display: block;
			content: " ";
			width: 5%;
			height: 80%;
			background-color: rgba(255, 64, 64, 0.7);
			transform-origin: center center;
			transform: rotate(45deg);
			margin-left: calc(50% - 2.5%);
			margin-top: 10%;
			margin-bottom: 10%;
			box-shadow: 0 0 3px 1px #fff;
		}

	.annullatoafter:after {
		display: block;
		content: " ";
		width: 5%;
		height: 80%;
		background-color: rgba(255, 64, 64, 0.7);
		transform-origin: center center;
		transform: rotate(45deg);
		margin-left: calc(50% - 2.5%);
		margin-top: 10%;
		margin-bottom: 10%;
		box-shadow: 0 0 3px 1px #fff;
		position: absolute;
		top: 0;
	}

	.thumb:hover > .caption-overflow {
		background-color: rgba(0, 0, 0, 0.5);
	}

	td.row-break {
		border-left: 1px solid #fff !important;
		border-right: 1px solid #fff !important;
	}

	.add-plus:before,
	.add-space:before {
		content: "\00a0"; /* nbsp */
	}

	.add-plus:after {
		content: "+";
	}

	.add-space:after {
		content: "\00a0"; /* nbsp */
	}

	.bg-light-grey {
		background-color: #eee;
	}

	.icon-minmul.error {
		color: #F44336 !important;
	}

	/* Menu Tipo Stagione */

	li[data-visible="false"] {
		display: none !important;
	}

	#navbar-second .nav.navbar-nav > li.fulltext-li > a {
		padding: 1px 15px 0 15px;
	}

	#AddSearchToWishlist a {
		background-color: #ffa200;
		color: #ffffff;
	}

	#AddSearchToWishlist {
		/*display: none;*/
	}

	.pronto-campagna.btns2 {
		min-width: 95px;
	}

	.pronto-campagna.btns3 {
		min-width: 139px;
	}

	@media (min-width: 769px) {
		.pronto-campagna.btns2 {
			min-width: 192px;
		}

		.pronto-campagna.btns3 {
			min-width: 276px;
		}
	}

	.btns-tipostagione {
		margin-top: 3px;
		margin-bottom: 0;
		border: 1px solid #c8c8c8;
		border-radius: 18px;
		background-color: #f8f8f8;
	}

		.btns-tipostagione > label {
			cursor: pointer;
			outline: 0 !important;
			padding: 3px 0 !important;
		}

		.btns-tipostagione .tipostagione-icon {
			float: none;
			position: static;
			border-radius: 50%;
			width: 21px;
			height: 21px;
			line-height: 21px;
			cursor: pointer;
			text-align: center;
			margin-left: 7px !important;
			font-size: small;
			box-shadow: 0 0 0 1px #aaa inset;
			opacity: 0.8;
		}

			.btns-tipostagione .tipostagione-icon.clr-c,
			.btns-tipostagione .tipostagione-icon.clr-p,
			.btns-tipostagione .tipostagione-icon.clr-s,
			.btns-tipostagione .tipostagione-icon.clr-r {
				opacity: 1;
				box-shadow: 0 0 0 2px #fff;
			}

		.btns-tipostagione .btn-overlay {
			background-color: #2196f3;
			/* border: 2px solid #f8f8f8;
        box-shadow: 0 0 0 1px #c8c8c8 inset; */
		}

		.btns-tipostagione.btn-visible-2 {
			width: 72px;
		}

		.btns-tipostagione.btn-visible-3 {
			width: 107px;
		}

	@media (min-width: 769px) {
		.btns-tipostagione.btn-visible-2 {
			width: 214px;
		}

		.btns-tipostagione.btn-visible-3 {
			width: 320px;
		}
	}

	.btns-tipostagione > label > label,
	.btns-tipostagione > label > span {
		transition-duration: 250ms;
	}

	#spnIcon ~ #spnText:empty {
		display: none;
	}

	.clr-c, .clr-c:hover {
		background-color: #23395B;
		color: #fff;
	}

	.clr-p, .clr-p:hover {
		background-color: #59c9a5; /* #3b8ea5; */
		color: #fff;
	}

	.clr-s, .clr-s:hover {
		background-color: #ffa200;
		color: #fff;
	}

	.clr-r, .clr-r:hover {
		background-color: #795548;
		color: #fff;
	}

	#ExportCatalog {
		display: none;
	}

.btns-abbina-vsr {
	float: left;
	padding-bottom: 10px;
	margin-right: 15px;
}



.btns-abbina {
	width: 48px;
	text-align: center;
}

		.btns-abbina[data-mode="link"] .btnUnlink,
		.btns-abbina[data-mode="link"] .btnBindlink,
		.btns-abbina[data-mode="unlink"] .btnLink,
		.btns-abbina[data-mode="unlink"] .btnBindlink,
		.btns-abbina[data-mode="bindlink"] .btnLink,
		.btns-abbina[data-mode="bindlink"] .btnUnlink {
			display: none !important;
		}

		.btns-abbina i {
			font-size: 8px;
			vertical-align: bottom;
		}

		.btns-abbina .idx_abbina:empty + i {
			font-size: 14px;
			vertical-align: central;
		}

	.thumb-color-description {
		display: inline-block;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		width: 100%;
	}

	.select2-results__option[aria-selected=true] .text-muted {
		color: #ccc;
	}
	/* FABRIC AREA */
	.fabric-container-list {
		background-color: #fff;
		border: 1px solid #ddd;
		margin: auto;
		width: 162px;
	}

	.fabric-thumb-list {
		display: block;
		margin: 0;
		padding: 3px 0;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		width: 160px;
		height: 240px;
	}

	.fabric-container {
		background-color: #fff;
	}

	.fabric-description {
		display: block;
		height: 3.5em;
		overflow: hidden;
		white-space: nowrap;
		font-weight: bold;
		text-overflow: ellipsis;
		padding: 10px;
	}

		.fabric-description .text {
			font-size: 14px;
			font-weight: bold;
		}

	.fabric-description-big {
		display: block;
		height: 3.5em;
		overflow: hidden;
		white-space: nowrap;
		font-weight: bold;
		text-overflow: ellipsis;
		border-top: 1px solid #ddd;
		padding: 10px;
	}

		.fabric-description .text,
		.fabric-description-big .text {
			font-size: 14px;
			font-weight: bold;
		}

	.fabric-thumb {
		display: block;
		margin: 0;
		padding: 3px 0;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
	}

	@media (min-width: 769px) {
		.fabric-thumb {
			display: block;
			width: 300px;
			height: 450px;
			margin: 0;
		}

		.fabric-container {
			width: 302px;
		}
	}

	/* END FABRIC AREA */

	.pnotify-center {
		width: 400px !important;
		top: calc(50% - 100px) !important;
		margin-left: -200px !important;
	}

	.hidden-standard {
		display: none;
	}


	#own-tab, #public-tab {
		background-color: #fff;
		border: 1px solid #ddd;
	}

		#own-tab .panel.panel-body:last-child, #public-tab .panel.panel-body:last-child {
			margin: 0;
		}


	.label-settings-managment {
		display: block;
		padding-bottom: 3px;
		border-bottom: 1px solid #ddd;
		background-color: #4CAF50;
		color: white;
	}

	.thum-color-row-link {
		display: block;
		color: #000 !important;
	}

		.thum-color-row-link:hover {
			border-radius: 3px;
			box-shadow: 0 0 0 1px #eee;
			background-color: #eee;
		}

		.thum-color-row-link i {
			font-size: 12px;
		}

	/* Federico task 144 */
	/* [ */
	div[class^=thumb-flag-] {
		position: relative;
		display: block;
		width: 22px;
		height: 22px;
		text-align: center;
		margin-bottom: 3px;
		border-radius: 4px;
		font-size: 9px;
		line-height: 22px;
		/* color: #333; */
		/* border: 1px solid #333; */
		/* background-color: #eee; */
		margin: 5px;
		z-index: 1;
	}

	.container-thumb-flag {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		color: #333333;
	}

	.container-thumb-flag-insert {
		position: relative;
	}

	.container-thumb-flag-color {
		height: inherit;
	}

	.container-thumb-flag-base {
		overflow: hidden;
	}

	.container-thumb-flag-big {
		top: 10px;
		left: 10px;
		position: static
	}

		.container-thumb-flag-big div[class^=thumb-flag-] {
			display: inline-block;
		}

	.img-absolute {
		position: absolute;
		top: 0;
		left: 0;
	}

	.product-color-image-left {
		/* 
    hack per permettere ai div dei flag di vedersi bene dentro al box dell'immagine
    devo centrare l'immagine sinistra e non al centro, altrimenti finiscono fuori
    */
		background-position: left center !important;
		overflow: hidden;
	}

	.thumb-flag-wishlist {
		margin-top: 20px;
	}
	/* ] */

	.thumb-flag-1 {
		background-color: #f2f2f2;
	}

	.thumb-flag-2 {
		background-color: #e6e6e6;
	}

	.thumb-flag-3 {
		background-color: #d9d9d9;
	}

	.thumb-flag-4 {
		background-color: #cccccc;
	}

	.thumb-flag-5 {
		background-color: #bfbfbf;
	}

	.thumb-flag-6 {
		background-color: #b3b3b3;
		color: #eee;
	}

	.thumb-flag-7 {
		background-color: #a6a6a6;
		color: #eee;
	}

	.thumb-flag-8 {
		background-color: #999999;
		color: #eee;
	}

	.thumb-flag-9 {
		background-color: #8c8c8c;
		color: #eee;
	}

	.thumb-flag-10 {
		background-color: #808080;
		color: #eee;
	}

	.thumb-flag-color-1 {
		background-color: #f2f2f2;
	}

	.thumb-flag-color-2 {
		background-color: #e6e6e6;
	}

	.thumb-flag-color-3 {
		background-color: #d9d9d9;
	}

	.thumb-flag-color-4 {
		background-color: #cccccc;
	}

	.thumb-flag-color-5 {
		background-color: #bfbfbf;
	}

	.thumb-flag-color-6 {
		background-color: #b3b3b3;
		color: #eee;
	}

	.thumb-flag-color-7 {
		background-color: #a6a6a6;
		color: #eee;
	}

	.thumb-flag-color-8 {
		background-color: #999999;
		color: #eee;
	}

	.thumb-flag-color-9 {
		background-color: #8c8c8c;
		color: #eee;
	}

	.thumb-flag-color-10 {
		background-color: #808080;
		color: #eee;
	}

/* cart head */
.head-bar {
	/* border-left-width: 44px; */
	overflow: auto;
	box-shadow: 44px 0 0 0 #777 inset;
	padding-left: 54px !important;
}
.head-bar .link-to-order-head {
	position: absolute;
	left: 14px;
	margin-top: 0px;
}
.head-bar .link-to-order-head .icon {
	color: #777;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 0 0 0 2px #fff;
}
.dvCartHeadReso, .dvCartHeadPreso {
	padding: 3px;
	border-radius: 3px;
}
/* /cart head */

.product-details-container .selected-color {
	font-size: 16px;
}

#customerForm #sPdv .col-xs-12.col-sm-6.col-md-3,
#customerForm #sFatturazione .col-xs-12.col-sm-6.col-md-3,
#customerForm #sSpedizioni .col-xs-12.col-sm-6.col-md-3,
#customerForm #sContacts .col-xs-12.col-sm-6.col-md-3,
#customerForm #sShopInfo .col-xs-12.col-sm-6.col-md-3,
#customerForm #sAdditionalInfo .col-xs-12.col-sm-6.col-md-3,
#order_modalNewSpedizione .col-xs-12.col-sm-6.col-md-3 {
	min-height: 85px;
}

.category-title span[data-toggle='popover'] {
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
}

/* Container Paginazione */
.pagination-margin {
	margin-top: 45px;
	margin-bottom: 45px;
}

#listContainer .pagination-margin {
	margin-top: 40px;
	margin-bottom: 80px;
}

/* Login Page */
.login-cnt-browser {
	margin-bottom: 20px;
}

.login-cnt-sysdat {
	margin-bottom: 20px;
}

/* Status Riga: Tabella Ordini */
.cnt-status-riga {
	cursor: default;
	margin-bottom: 5px;
	white-space: nowrap;
}

.cnt-status-riga:last-child {
	margin-bottom: 0px;
}

.cnt-status-riga i {
	font-size: 13px;
}

.status-riga-annullato, .status-riga-annullato:hover {
	color: #C62828;
}

.cnt-status-riga.status-riga-in-lavorazione {
	color: #ffa200;
}

.cnt-status-riga.status-riga-spedito {
	color: #2E7D31;
}
.cnt-status-riga.status-riga-consegnato {
	color: #009688;
}
/* /Status Riga: Tabella Ordini */

/* Status Riga: Dettaglio ordine */
/* alert spedizione unificata */
.alert-shipped {
	background-color: #dddddd;
	color: #000000;
	border-color: rgba(85, 102, 119, 0.533);
}

.alert-shipped[class*=alert-styled-]:after {
	content: '\f48b' !important;
	font-family: 'Font Awesome 5 Pro' !important;
	font-size: 14px !important;
	font-weight: 300 !important;
}
.alert-shipped.delivered[class*=alert-styled-]:after {
	content: '\f4de' !important;
	font-family: 'Font Awesome 5 Pro' !important;
	font-size: 14px !important;
	font-weight: 300 !important;
}
.alert-shipped a {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}

.alert-shipped a:hover {
	text-decoration: none;
}

/* bottoni */
.btn-status-riga-sm {
	padding: 6px 10px !important;
	font-size: 12px;
	border-radius: 3px;
	margin-right: 3px;
}

.btn-status-riga-annullato,
.btn-status-riga-in-lavorazione,
.btn-status-riga-spedito,
.btn-status-riga-consegnato,
.btn-status-riga-spedizioni {
	padding: 5px 10px;
	text-transform: uppercase;
}

.btn-status-riga-annullato,
.btn-status-riga-in-lavorazione,
.btn-status-riga-spedito,
.btn-status-riga-consegnato,
.btn-status-riga-spedizioni {
	color: #000000;
	background-color: #dddddd;
}

.btn-status-riga-annullato:hover,
.btn-status-riga-annullato.active {
	background-color: #C62828;
	color: #ffffff;
	box-shadow: none !important;
}

.btn-status-riga-in-lavorazione:hover,
.btn-status-riga-in-lavorazione.active {
	background-color: #ffa200;
	color: #ffffff;
	box-shadow: none !important;
}

.btn-status-riga-spedito:hover,
.btn-status-riga-spedito.active {
	background-color: #2E7D31;
	color: #ffffff;
	box-shadow: none !important;
}

.btn-status-riga-consegnato:hover,
.btn-status-riga-consegnato.active {
	background-color: #009688;
	color: #ffffff;
	box-shadow: none !important;
}

.btn-status-riga-spedizioni:hover,
.btn-status-riga-spedizioni.active {
	background-color: #2E7D31;
	color: #ffffff;
	box-shadow: none !important;
}

.btn-status-riga-spedizioni {
	margin-left: 30px;
}

.btn-riga-dettaglio {
	padding: 3px 8px !important;
	font-size: 12px;
	background-color: #dddddd;
	color: #000000;
	margin-left: 10px;
}

.btn-riga-dettaglio:hover {
	background-color: #ffffff;
}

/* bordi */
.border-status {
	min-width: 100%;
	width: max-content;
	padding: 10px 10px 0 0;
}

/* holder laterale con icona */
.holder-status-riga {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 40px;
	height: 100%;
	text-align: center;
}

.holder-status-riga i {
	font-size: 17px;
	margin-top: 46px;
	color: #ffffff;
}

.dv-annullato .holder-status-riga {
	background-color: #C62828;
}

.dv-in-lavorazione .holder-status-riga {
	background-color: #ffa200;
}

.dv-spedito .holder-status-riga {
	background-color: #2E7D31;
}

.dv-consegnato .holder-status-riga {
	background-color: #009688;
}

/* label status */
.label-status,
.label-status-documento {
	display: inline-block;
	margin-bottom: 5px !important;
	padding: 3px 6px;
	color: #ffffff;
	font-size: 12px;
	border-radius: 3px;
	text-transform: uppercase;
}

.dv-annullato .label-status {
	background-color: #C62828;
}

.dv-in-lavorazione .label-status {
	background-color: #ffa200;
}

.dv-spedito .label-status {
	background-color: #2E7D31;
}

.dv-consegnato .label-status {
	background-color: #009688;
}

.label-status-documento {
	background-color: #dddddd;
	color: #000000;
}

.label-status:hover,
.label-status:focus {
	color: #ffffff;
}

.label-status-documento:hover,
.label-status-documento:focus {
	color: #000000;
}

.link-vett i,
.link-fatt i {
	font-weight: bold;
}

.link-vett,
.link-vett:hover,
.link-vett:focus,
.link-vett:active {
	text-decoration: none !important;
	color: #000;
}

.label-status .link-vett,
.label-status .link-vett:hover,
.label-status .link-vett:focus,
.label-status .link-vett:active {
	color: #fff;
}

.link-fatt,
.link-fatt:hover,
.link-fatt:focus,
.link-fatt:active {
	text-decoration: none !important;
	color: #000;
}
/* Fine */

.forgot-password {
	margin-top: 40px!important;
}
.forgot-password .grp-username {
	display: none;
}

.mr-0 {
	margin-right: 0;
}

.ml-0 {
	margin-left: 0;
}

/* order-status */
.order-status-cancelled { /* bg-danger */ }
.order-status-shipped { /* bg-success-800 */ }
.order-status-confirmed { /* bg-success-800 */ }
.order-status-partially-cancelled { /* bg-danger-600 */ }
.order-status-not-confirmed { /* bg-info */ }
.order-status-closed { /* bg-success-400 */ }
.order-status-sent { /* bg-success */ }
.order-status-rectified { /* bg-primary */ }
/* /order-status */

li.no-action-available { display: none; }
li.no-action-available:last-child { display: list-item; }

.footer {
	position: static;
}
@media (min-width: 576px) {
	.footer { position: absolute; }
}

/* variazioni-prodotto */
.variazioni-prodotto-container .btn-variazioni-prodotto {
	display: grid;
	justify-items: start;
	align-items: center;
	grid-template-columns: 18px 1fr;
}
.cart-detail .variazioni-prodotto-summary {
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.variazioni-prodotto-summary .prezzo {
	font-weight: bold;
	margin-left: 3px;
}
.label-variation {
	background-color: rgba(0, 0, 0, 0.1);
	color: #000;
	margin: 2px 3px 2px 0;
	font-weight: normal;
}
.label-no-variation {
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
	background-color: rgba(0, 0, 0, 0.03);
	color: #000;
	margin: 2px 0;
	font-weight: normal;
}
/* /variazioni-prodotto */

a[data-type="chk"].btn-icon {
	padding-left: 0;
	padding-right: 0;
	width: 32px;
}
a[data-type="chk"].btn-icon .letter-icon {
	width: 30px;
}

.tbl-totals-popover-ccare tr td {
	text-align: right;
	padding: 0 3px;
}
.tbl-totals-popover-ccare tr td:nth-child(1) {
	padding: 0;
	text-align: center;
}
.tbl-totals-popover-ccare tr td:nth-child(2) {
	text-align: left;
}
.tbl-totals-popover-ccare tr th {
	text-align: center;
	font-weight: normal
}
.tbl-totals-ccare-container {
	display: inline-flex;
	align-self: center;
	padding: 10px;
	border-radius: 3px;
	border: 1px solid #777;
	margin: 0 0 20px 0;
	background-color: #fafafa;
}
.tbl-totals-ccare {
	text-align: right;
	margin: 0 auto;
}
.tbl-totals-ccare th, .tbl-totals-ccare td {
	padding: 0 12px
}
.tbl-totals-ccare td:first-child {
	padding-left: 0;
	text-align: left;
}
.tbl-totals-ccare th {
	text-align: center;
}

.tbl-orders-summeries-ccare-totals {
	font-weight: normal;
	text-align: right;
	margin: 0 auto;
	width: 100%;
	margin: 10px 0;
}
.tbl-orders-summeries-ccare-totals th {
	text-align: right;
}
.tbl-orders-summeries-ccare-totals td, .tbl-orders-summeries-ccare-totals th {
	padding: 3px 12px
}
.tbl-orders-summeries-ccare-totals tr td:first-child {
	text-align: left;
}

.Cart-priceEditable {
	margin-bottom: 5px;
}

	.Cart-priceEditable span:first-child {
		line-height: 32px;
		padding: 10px;
	}

.look-to-order {
	position: absolute;
	right: 10px;
	background: black;
	color: white;
	padding: 10px;
}

.row-looks {
	position: absolute;
	right: 20px;
}

/* Task 291: filtri carrello */
.cart-filters {
	margin-bottom: 15px;
}

.dvFilters-cart {
	padding: 0px;
}

#filters {
	display: inline-block;
}

.filterbox {
	max-width: 30%;
}

.cmbFilterChoice {
	display: inline-block;
}

[id^="dv_cartfilter_"] {
	display: inline-block;
	border: 1px solid #ddd;
	background-color: white;
}

#fld_cmbCartFilters {
	float: left;
	margin-right: 20px;
}

code[dev]:before {
	content: "\eeca";
	font-family: 'icomoon';
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	min-width: 1em;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	vertical-align: middle;
	position: relative;
	top: -1px;
	-webkit-font-smoothing: antialiased;
}


.dropdown-menu > li > span .switchery > small {
	height: 18px !important;
	width: 18px !important;
}

.dropdown-menu > li > span .switchery {
	height: 18px !important;
	width: 36px !important;
	margin-right:10px;
}


.hideallprices .hideDomPrice {
display:none!important;
}

/* css checkbox */
/* html: 
	<label class="css-checkbox" for="chk_id">
		<input id="chk_id" type="checkbox" >
		<label for="chk_id"></label>
		[eventuale label]
	</label>
*/
.css-checkbox, .css-checkbox > * {
	cursor: pointer;
}
.css-checkbox input[type="checkbox"] {
	display: none;
}

.css-checkbox input[type="checkbox"] + label[for] {
	background-color: #fff;
	border: 2px solid #000;
	border-radius: 2px;
	display: inline-block;
	position: relative;
	width: 18px;
	height: 18px;
	margin: 0;
	vertical-align: text-bottom;
}

.css-checkbox input[type="checkbox"]:checked + label[for]:after {
	content: "\e600";
	font-family: 'icomoon';
	font-size: 16px;
	line-height: 1;
	position: absolute;
	top: -1px;
	left: -1px;
	-webkit-font-smoothing: antialiased;
	color: #000;
}
/* /css checkbox */

code[debug] {
	display: block;
	white-space: pre-line;
}


.foto-manager-selected {
	border:1px solid orange;
}

.foto-manager-selected .xs-img {
	box-shadow: 1px 1px 1px 0px #eee !important;
}


/*********
* ORDINI *
**********/
#exactCodeContainer {
	margin-top: 10px;
}

#exactCodeContainer .checker span {
	top: -3px;
}


