@media (min-width: 1200px) {
    .container {
        width: 100%;
        text-align: center;
    }
}


body{
	padding:50px 0;
}

.nav>li>a {
	padding:10px 5px;
	font-size:12px;
}

.navbar>.container{
	width:100%;
}



.tr-top-border{
	border-top:2px dotted #000;
}

.tr-bottom-border{
	border-bottom: 2px solid #bfbfbf;
}

.list-group-item {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	margin-bottom:10px;
}

.li-item{
	background-color: #f5f5f5;
}

.borderless td, .borderless th {
    border: none;
}

.image-placeholder {
	background-color: #eee;
    display: flex;
    height: 77px;
    margin: 0px;
    width: 100%;
    border: 1px solid #dadada;
}

.image-placeholder > h4 {
    align-self: center;
    text-align: center;
    width: 100%;
    font-size: 12px;
}

table a:visited { color:#609 ; }
table a.btn:visited { color:#fff ; }


.card{
	background-size: contain;
	background-position:50% 50%;
	background-repeat:no-repeat;
	height: 250px;
	cursor: pointer;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 4px 8px 16px 0px rgba(148, 148, 148, 0.75);
	-moz-box-shadow: 4px 8px 16px 0px rgba(148, 148, 148, 0.75);
	box-shadow: 4px 8px 16px 0px rgba(148, 148, 148, 0.75);

	margin-bottom: 20px;	
	margin-right: 20px;

	display:flex;
	align-items:flex-end;
	justify-content:flex-end;

	padding:5px;
}

.card.item-is-new{
	border:4px solid #0070c0;
}

.card.onsale-title{
	border:4px solid yellow;
}


.onsale-list-item{
	font-size: small;	
}


.card.onsale-thumb{
	height:70px;
	background-size: contain;
    background-repeat: no-repeat;
    margin:5px;
    padding:65px;
}




.form-card{
	margin:0;
	margin-bottom: 10px;
}

.tint{
	vertical-align: bottom !important;
	
	border:0 !important;
	text-align: left;
}

.asi{
	font-family: 'Assistant',sans-serif;
}

.family-title{
	padding:30px 0;
}

.tint label{
	font-family: 'Assistant',sans-serif;
	font-weight: bold;
	background:#ffffffc9;
	padding: 3px;
	margin-left: 5px;
	margin-bottom: 5px;
	font-size: 19px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display: inline-block;
}


.tint .item-title{
	font-size:24px;
	color:#fff;
    text-shadow: -4px 0 7px black, 0 4px 7px black, 4px 0 7px black, 0 -4px 7px black;
    font-style: italic;
    text-align: left;

}

.tint .item-title.onsale-title{
	background:#ffff00cf !important;
	padding:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.label-price.onsale-title{
	/*font-size:x-large;*/
	/*padding: 0;*/
	font-weight: bold;
	background-color: yellow;
	color:#000;
}

.tint-text{
	 background: #ffffff;
	 padding:6px;
	 -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.new-item-icon{
	width:30%;
	position:absolute;
	top:-20px;
	left:5px;
	-webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #222);
}

.onsale-icon{
	width:30%;
	position:absolute;
	bottom:-20px;
	right:5px;
	-webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #222);
}

.backtostock-icon{
	width:32%;
	position:absolute;
	top:-20px;
	right:5px;
	-webkit-filter: drop-shadow(5px 5px 5px #222);
 	 filter: drop-shadow(5px 5px 5px #222);
}

.price-lowered-icon{
	width:23%;
	position:absolute;
	top:-20px;
	right:5px;
	-webkit-filter: drop-shadow(5px 5px 5px #222);
 	 filter: drop-shadow(5px 5px 5px #222);
}

.arrows{
	width: 54px;
    height: 102px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1;
    font-size: 46px;
}

.arrows .fas{
	color:#ffffffd4;
	text-shadow: 3px 5px 7px #717171;
	cursor: pointer;
}

.items-table tr td{
	border: 0 !important;
	
}

.spacer td{
	height: 40px;
}

.product-img{
	width:100%;
}

.blocker{
	padding:20px 5px !important;
}

.modal{
	padding:10px 5px !important;
	width:95% !important;
}

.stats .progress{
	height:30px;
	font-weight: bold;
}
.stats .progress-bar{
	font-size: large;
	line-height: 30px;
}


table .progress{
	margin-bottom:8px;
}
.stats-highlight-checkbox{

	cursor:pointer;width:17px;height:17px;
}

.stats-toggle-products{
	font-size:17px;
	cursor:pointer
}

.searchclear {
    position: absolute;
    left: 5px;
    top: 0;
    bottom: 0;
    height: 14px;
    margin: auto;
    font-size: 16px;
    cursor: pointer;
    color: #ccc;
}

.red{
	color:#d40f00 !important;
}
.table-hover>tbody>tr:hover{
	background-color:#fffbe7;
}


@media (min-width: 760px) {
	.card:not(.form-card){
		margin-right: 41px;
	}
}

@media (max-width: 400px) {
	.card .item-title{
		font-size:10px;
		text-shadow: -4px 0 15px black, 0 4px 7px black, 4px 0 7px black, 0 -4px 7px black;
	}
	
	.card .item-id{
		font-size:xx-small;
	}

	.card .tint .label{
		font-size:xx-small;
	}
}

.not-in-plan .panel-heading{
			background:gray;
			color:white;
}

.no-reason {
		background:#E3E1E1;
		color:#000;
}

.panel .panel-heading:hover{
	font-weight: bold;
}