/* all */
.message_box {
    margin-bottom: 10px;
}
h1 {
    position: relative;
}
div#shopAnker {
    display: hidden;
    height: 0 !important;
    position: absolute;
    top: -80px;
}
/* search */
input#search-items {
    margin-top: 8px;
}
ul#item-list img.listImg {
    width: 30px;
    margin-left: -10px;
}
li em {
    color: #721c24;
    background-color: #f8d7da;
    font-weight: bold;
    font-style: normal;
}

/* sort table */
#sortable td:hover {
	cursor:move;
}
#sortable .placeholder {
    outline: 0;
    border: 0;
	background-image: linear-gradient(135deg, #eeeeee 8.33%, #ffffff 8.33%, #ffffff 50%, #eeeeee 50%, #eeeeee 58.33%, #ffffff 58.33%, #ffffff 100%);
	background-size: 12.00px 12.00px;
}
#sortTable th.sort {
    cursor: pointer;
}
#sortTable th.sort:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline;
    content: ' \f0dc';
    color: #ccc;
}
#sortTable th.sort:hover::after,
#sortTable th.sort.asc:hover::after,
#sortTable th.sort.desc:hover::after {
    color: #f00;
}
#sortTable th.sort.asc:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline;
    content: ' \f0dd';
    color: #000;
}
#sortTable th.sort.desc:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline;
    content: ' \f0de';
    color: #000;
}

h1 a.activecart {
    float: right;
    text-decoration: none;
}
h1 a.activecart:hover {
    text-decoration: none;
}
h1 a span.badge {
    font-size: 10px;
    font-weight: bold;
    background: #f0ad4e;
    border: 1px solid #D81602;
    color: #fff;
    margin-top: -20px;
    margin-left: -5px;
}
.countItems {
    color: #aaa;
   /* float: right; */
}

/* items show */
.topnail {
	border: 0px solid !important;
	background-color: #333 !important;
}
.topnail img {
    width: 728px !important;
	height: 90px !important;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,0.3);
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.3);
}
.topnail .caption,
.topnail .caption h4,
.topnail .caption p,
.topnail .caption form {
    text-align: center;
	color: #a1a1a1 !important;
}
.topnail .caption h4,
.topnail .caption p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* show */
.show table {
    border-collapse: collapse;  
}
.show td.big {
    border: 1px solid #ddd !important;
}
.show .big {
    text-align: center;
}
.show .big .carousel-control.left,
.show .big .carousel-control.right {
    opacity: .3 !important;
}
.show .big .carousel-control:focus,
.show .big .carousel-control:hover {
    opacity: .6 !important;
}
.carousel-inner .item img {
    margin: 0 auto;
}
.show .thumb a.thumbimg {
    margin: 0 3px 0 3px;
    cursor: pointer;
    background: #fff;
}
.show .thumb a.thumbimg img {    
    height: 50px !important;
    width: auto !important;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 3px;
}
.show .thumb a.thumbimg img.selected {
    border: 1px solid #F68B1E;
}
.show .big img.image {
    padding: 5px;
    cursor: pointer;
}
.show .table.border {
    border: 1px solid #ddd;
}
.show .table.noborder > tbody > tr > td {
    border: none;
}
.show .desc {
    border-top: 1px solid #ddd;
    margin-top: 5px;
    padding-top: 20px;
}
.show .input-group.quantity {
    max-width: 150px;
    margin: 0 auto;
}
.show input.item-quantity {
    margin-top: 5px;
    min-width: 40px !important;
    text-align: center;
    font-weight: bold;
}
.show form,
.show button {
    margin-top: 5px;
}

/* ribbon */
.cordon-wrapper-show {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: 20px;
    left: 14px;
	z-index:1;
}
.cordon-wrapper-show .cordon {
    font-size: 15px;
    color: #383d41;
    background-color: #e2e3e5;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
    padding: 5px 0;
    top: 15px;
    left: -30px;
    width: 120px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.75);
    -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.75);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.75);
}
.cordon-wrapper-show .cordon.green {
    color: #155724;
    background-color: #d4edda;
}
.cordon-wrapper-show .cordon.yellow {
    color: #856404;
    background-color: #fff3cd;
}
.cordon-wrapper-show .cordon.red {
    color: #721c24;
    background-color: #f8d7da;
}
.cordon-wrapper-show .cordon.blue {
    color: #004085;
    background-color: #cce5ff;
}
.cordon-wrapper-show .cordon.grey {
    color: #383d41;
    background-color: #e2e3e5;
}
.cordon-wrapper {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: 20px;
    left: 57px;
	z-index:1;
}
.cordon-wrapper .cordon {
    font-size: 15px;
    color: #383d41;
    background-color: #e2e3e5;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
    padding: 5px 0;
    top: 15px;
    left: -30px;
    width: 120px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.75);
    -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.75);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.75);
}
.cordon-wrapper .cordon.green {
    color: #155724;
    background-color: #d4edda;
}
.cordon-wrapper .cordon.yellow {
    color: #856404;
    background-color: #fff3cd;
}
.cordon-wrapper .cordon.red {
    color: #721c24;
    background-color: #f8d7da;
}
.cordon-wrapper .cordon.blue {
    color: #004085;
    background-color: #cce5ff;
}
.cordon-wrapper .cordon.grey {
    color: #383d41;
    background-color: #e2e3e5;
}
.card3d {
  text-align: -webkit-center;
  transform: scale(1);
  perspective: 600px;
}

.card3d:hover {
  z-index: 10;
  transform: scale(1.1);
}

.card3d,
.card3d img {
  transition: all 250ms ease-out;
}
.backgroundset {
	background-image: -webkit-linear-gradient(bottom, #222, #333);
}
.articleitem {
	padding-bottom: 25px;
}
.stats1 {
    width: 110px;
    text-align: center;
}
.number {
    color: #037fa9;
    width: 40px;
}
.col-xs-6 {
    width: 100% !important;
}
.hd1 {
    background-color: #333;
    color: #999;
	height: 190px;
	padding: 10px;
    text-align: center;
    border-radius: 4px;
}