/*
 * Theme styles.
 * 
 */

.category.thumbnail {
	min-height: 180px;
}

.panel-default>.custom-heading {
	background-color: rgb(154, 153, 153);
}

.custom-heading .panel-title {
	font-size: 31px;
	color: #fff;
}

a{
	color: rgba(237, 27, 45, 0.9);
}

a:hover {
	color: rgba(237, 27, 45, 1);
}

.main-menu {
	background-color: #000000;
}

.main-menu .nav>li>a:hover, .main-menu .nav>li>a:focus {
	background-color: #333333;	
}

.main-menu .navbar-nav>li.active {
	background-color: #333333;
}

.cart-item-count .badge {
	font-weight: 500;
	background-color: #ED1B2D;
}

.cart-total {
	color: #ED1B2D;
}

aside .nav a:hover {
	color: #1967be;
	border-left: 3px solid #1967be;
}

aside .nav .open>a,
aside .nav .open>a:hover,
aside .nav .open>a:focus {
	border-left: 3px solid #1967be;
    border-bottom-color: #E2E2E2;
}

.heading {
	background-color: rgb(154, 153, 153);
	padding: 7px 25px;
}

.heading h1 {
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 4px 4px 5px rgb(0, 0, 0);
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
	background-color: #1967be;
	color: #fff;
	border-left: none;
}

.quantity-available .badge {
	background-color: #ED1B2D;
}

.item-grid .available-label {
	position: absolute;
	top: 7px;
	right: 7px;
	background-color: #ED1B2D;
}

/**************************************/

body {
	background-color: #f4f4f4;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	height: auto; /* FIX THE 100% ISSUE WITH ANGULAR MATERIAL */
}

.login-form label { color: #999; font-size: 18px; }        

.input-wrapper { position: relative; }

.input-wrapper input { padding-left: 42px; }

.login-form .field-icon {
	top: 0;
	z-index: 4;
	width: 42px;
	height: 42px;
	line-height: 42px;
	position: absolute;
	text-align: center;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	pointer-events: none;
	font-size: 12px;
}

.logo-container {
	margin: 21px 0;
}

.login-form .panel-body {
	padding: 25px;
}

.login-form .panel-footer {
	line-height: 40px;
	padding: 25px;
}

.login-form .logo {
	max-width: 275px;
	display: inline-block;
}

body {
	/* background-color: #e6e6e6; */
	background-color: rgba(230,230,230,0.6);
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}

.input-wrapper { position: relative; }

.input-wrapper input { padding-left: 42px; }

.field-icon {
	top: 0;
	z-index: 4;
	width: 42px;
	height: 42px;
	line-height: 42px;
	position: absolute;
	text-align: center;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	pointer-events: none;
	font-size: 12px;
}

.top-bar {
	background-color: #f4f4f4;
	padding: 10px 25px;
	font-size: 12px;
}

.top-bar a {
	color: #888888;
}

.top-bar a:hover {
	color: #020202;
}

.main-header {
	background-color: #fff;
	padding: 25px 0px 10px;
}

.main-header .logo img {
	margin-bottom: 10px;
}

.main-header .logo img {
	max-height: 42px;
	max-width: 100%;
}

.main-menu .navbar {
	margin-bottom: 0px;
}

.main-menu .navbar-nav>li>a {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
	transition: ease-in-out all 0.2s;
}

.cart-dropdown {
	display: block;
	position: relative;
	height: 39px;
	border: 1px solid #cccccc;
}

.cart-total-price, .cart-icon {
	display: inline-block;
}

.cart-total-price {
	padding: 8px 12px;
	float: left;
	font-weight: bold;
	text-transform: uppercase;
}

.cart-icon {
	padding: 8px 12px;
	font-size: 15px;
	font-weight: normal;
	line-height: 1;
	color: #6f6f6f;
	text-align: center;
	background-color: #eeeeee;
	border-left: 1px solid #cccccc;
	height: 100%;
	float: right;
}

.cart-item-count {
	top: -13px;
	right: 30px;
	position: absolute;
}

.cart-label {
	color: #6f6f6f;
}

.dropdown .cart-dropdown-menu {
	margin-top: 5px;
	border: 1px solid #e1e1e1;
	float: right;
	left: auto;
	min-width: 0;
	padding: 24px 22px;
	right: 0;
	width: 100%;
}

.user-welcome {
	color: #888888;
	padding: 10px 15px 10px 0px;
}

.item-sku {
	font-weight: bold;
}

.breadcrumb-wrapper .breadcrumb {
	background-color: transparent;
	border: none;
	font-size: 14px;
	border-radius: 0;
	border-bottom: 1px solid #e6e6e6;
}

aside {
	background-color: #ffffff;
	border: 1px solid #e2e2e2;
	margin-bottom: 20px;
}

.sidebar-title-container {
	background-color: #333;
	padding: 15px 17px;
}

.sidebar-title-container .sidebar-title{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}

.sidebar-title-container .sidebar-title a {
	color: #fff;
	padding: 5px 10px;
	transition: background-color 0.2s;
}

.sidebar-title-container .sidebar-title a:hover {
	background-color: #4a4a4a;
}

aside .nav a{
	color: #020202;
	font-size: 16px;
	font-weight: normal;			
	transition: ease-in-out all 0.1s;
	border-bottom: 1px solid #e2e2e2;
}

aside .nav-stacked>li+li {
	margin-top: 0px;
}

aside .dropdown-menu.pull-right {
    width: 250px;
    /*right: -250px;*/
	left: 100%;
	top: 0;
	/*border-top: 3px solid #009A4E;*/
}

aside .dropdown-menu>li>span>a {
	padding: 10px 15px;
}

.no-margin{
	margin: 0 !important;
}

.no-padding{
	padding: 0 !important;
}

.item-filters a,
.item-filters .pagination>li>a,
.item-filters .pagination>li>span {
	color: #020202;
}

.item-filters .pagination>.active>a {
	border-color: #999;
	font-weight: bold;
}

.filters a,
.filters .pagination>li>a,
.filters .pagination>li>span {
	color: #020202;
}

.filters .pagination>.active>a {
	border-color: #999;
	font-weight: bold;
}

.top-pagination {
	padding: 5px 0px 0px;
}

.items {
	margin-bottom: 5px;
	border: 1px solid #e2e2e2;
}

.items-container {
	position: relative;
}

.item-row {
	background-color: #fff;
	border-top: 1px solid #e2e2e2;
	display: block;
	float: left;
	width: 100%;
	padding-top: 15px;
	position: relative;
}

.item-grid {
	background-color: #fff;
	padding: 15px;
	border: 1px solid;
	border-color: #e2e2e2;
}

.item-grid .item-img-wrapper div {
	overflow: hidden;
	height: 150px;	
}

.item-img-wrapper {
	border: 1px solid #e5e5e5;
	padding: 15px;
	text-align: center
}

.quantity-available {
	margin-bottom: 25px;
}

/* Input button */
div.quantity {
    float: left;
    margin: 0 10px 0 0;
    width: 60px;
    position: relative;
    overflow: hidden;
    zoom: 1;
}

.quantity input.qty {
    width: 40px;
    height: 40px;
    float: left;
    padding: 0;
    text-align: center;
    border: 1px solid #c6c6c6;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: inset 0 0 2px 0 #f7f6f7;
    -webkit-box-shadow: inset 0 0 2px 0 #f7f6f7;
    -moz-box-shadow: inset 0 0 2px 0 #f7f6f7;
    font-weight: 700;
	-webkit-appearance: textfield;
}

.quantity .minus {
    bottom: 0;
    right: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.quantity .plus {
    top: 0;
    right: 0;
    border-bottom: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.quantity .minus, .quantity .plus {
    display: block;
    padding: 0;
    margin: 0;
    position: absolute;
    text-align: center;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    overflow: visible;
    text-decoration: none;
    font-weight: 700;
    cursor: pointer;
    line-height: 10px;
    font-size: 12px;
    color: #444;
    border: 1px solid #c6c6c6;
    border-left: 0;
    background: #f7f6f7;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
	-webkit-appearance: none; 
	margin: 0; 
}

input[type=number] {
	-moz-appearance: textfield;
}

/* Bootstrap Theme Changes - button colors from Journal theme  */

.btn-default {
  color: #ffffff;
  background-color: #999999;
  border-color: #999999;
}
.btn-default:focus,
.btn-default.focus {
  color: #ffffff;
  background-color: #808080;
  border-color: #595959;
}
.btn-default:hover {
  color: #ffffff;
  background-color: #808080;
  border-color: #7a7a7a;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #ffffff;
  background-color: #808080;
  border-color: #7a7a7a;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #ffffff;
  background-color: #6e6e6e;
  border-color: #595959;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #999999;
  border-color: #999999;
}
.btn-default .badge {
  color: #999999;
  background-color: #ffffff;
}
.btn-primary {
  color: #ffffff;
  background-color: #eb6864;
  border-color: #eb6864;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #ffffff;
  background-color: #e53c37;
  border-color: #b81c18;
}
.btn-primary:hover {
  color: #ffffff;
  background-color: #e53c37;
  border-color: #e4332e;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #e53c37;
  border-color: #e4332e;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #ffffff;
  background-color: #dc221c;
  border-color: #b81c18;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.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.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #eb6864;
  border-color: #eb6864;
}
.btn-primary .badge {
  color: #eb6864;
  background-color: #ffffff;
}
.btn-success {
  color: #ffffff;
  background-color: #22b24c;
  border-color: #22b24c;
}
.btn-success:focus,
.btn-success.focus {
  color: #ffffff;
  background-color: #1a873a;
  border-color: #0e471e;
}
.btn-success:hover {
  color: #ffffff;
  background-color: #1a873a;
  border-color: #187f36;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #1a873a;
  border-color: #187f36;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #ffffff;
  background-color: #14692d;
  border-color: #0e471e;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.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.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #22b24c;
  border-color: #22b24c;
}
.btn-success .badge {
  color: #22b24c;
  background-color: #ffffff;
}
.btn-info {
  color: #ffffff;
  background-color: #336699;
  border-color: #336699;
}
.btn-info:focus,
.btn-info.focus {
  color: #ffffff;
  background-color: #264c73;
  border-color: #132639;
}
.btn-info:hover {
  color: #ffffff;
  background-color: #264c73;
  border-color: #24476b;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #264c73;
  border-color: #24476b;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #ffffff;
  background-color: #1d3b58;
  border-color: #132639;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #336699;
  border-color: #336699;
}
.btn-info .badge {
  color: #336699;
  background-color: #ffffff;
}
.btn-warning {
  color: #ffffff;
  background-color: #f5e625;
  border-color: #f5e625;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #ffffff;
  background-color: #ddce0a;
  border-color: #948a07;
}
.btn-warning:hover {
  color: #ffffff;
  background-color: #ddce0a;
  border-color: #d3c50a;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ddce0a;
  border-color: #d3c50a;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #ffffff;
  background-color: #bbae09;
  border-color: #948a07;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.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.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f5e625;
  border-color: #f5e625;
}
.btn-warning .badge {
  color: #f5e625;
  background-color: #ffffff;
}
.btn-danger {
  color: #ffffff;
  background-color: #f57a00;
  border-color: #f57a00;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #ffffff;
  background-color: #c26100;
  border-color: #763b00;
}
.btn-danger:hover {
  color: #ffffff;
  background-color: #c26100;
  border-color: #b85c00;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #c26100;
  border-color: #b85c00;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #ffffff;
  background-color: #9e4f00;
  border-color: #763b00;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.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.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #f57a00;
  border-color: #f57a00;
}
.btn-danger .badge {
  color: #f57a00;
  background-color: #ffffff;
}
.btn-link {
  color: #eb6864;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #e22620;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #999999;
  text-decoration: none;
}

/* Cart page */

.item-thumbnail .thumbnail-link {
	display: block;
	max-width: 100px;
}

.innertext-left-padding {
	padding-left: 25px;
}

.heading h4 {
	color: white;
	margin-bottom: 0px;
}

/* Checkout page */

.order-summary {
	border: 1px solid #BEBEBE;
    padding: 25px;
}

/* Accounts Page */

.recent-orders-container {
	border: 1px solid #BEBEBE;
    padding: 25px;
}

.change-password-container {
	margin-top: 25px;
	padding: 25px;
	border: 1px solid #BEBEBE;
}

/* Orders Page */

.content-wrapper {
	background-color: #FFFFFF;
}

.content-container{
	background-color: #FFFFFF;
	padding: 25px;
}


.search-filter .search-button {
	position: absolute;
    top: 0;
}

.search-filter .search-input {
	padding-left: 45px;
}

.thumbnail:hover{
	text-decoration: none;
}

.thumbnail>img, .thumbnail a>img {
	padding: 10px;
}

.thumbnail .caption {
	padding: 8px;
}

.addtocart-button {
	transition: all 0.2s ease-in-out;
}

.addtocart-button:active{
	-webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

.hidden-label {
	position: absolute;
	top: 0;
	left: 0;
}

@media (min-width: 1400px){
	.container {
		width: 1370px;
	}
}

.quick-search {
	position: relative;
}

.quick-search button {
	position: absolute;
	top: 0;
	right: 0;	
}

.quick-search input {
	padding-right: 71px;
}

.image-popup-window .modal-dialog {
	margin-top: 60px;
}

.image-popup-window button {
	position: absolute;
	top: -30px;
	right: 0;
	padding: 0;
    font-size: 20px;
	color: #fff;
}

/* ---------------- */

.sidebar-hover-right .dropdown-submenu {
    position: relative;
}

.sidebar-hover-right .dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
}

.sidebar-hover-right .dropdown:hover>.dropdown-menu{
	display: block;
}

.sidebar-hover-right .dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

/*
 * Admin styles.
 *
 */


/*
 * Loading styles.
 *
 */

.loading-inline{
	padding: 0px 25px;
}

.loading-overlay {
	position: absolute;
    z-index: 999;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.63);
    background-size: cover;
    padding: 250px 0px;
}

.btn-group > button {
	margin-right: 10px;
	margin-bottom: 10px;
}

.navbar-btn.btn-sm {
	margin-left: 15px;
	margin-right: 15px;
}

.view-container .ng-enter {	
	transition: 0.5s;
	opacity: 0;
}

.view-container .ng-enter-active {
	opacity: 1;
}

.view-container .ng-leave{
	transition: 0.1s;
}

.view-container .ng-leave-active {
	opacity: 0;
}

@media only screen  and (min-width : 1200px) {
	.search-view-thumbnail {
		max-height: 50px;
		overflow: hidden;
		padding: 0;
	}
}

.search-view-thumbnail>img{
	padding: 0;
}

.navbar-header {
	color: white;
}

.navbar-brand {
	line-height: inherit;
}

.image-upload .dropzone {
	border: dashed rgba(0,0,0,0.3);
}

/*
 * OR seperator class.
 *
 */

.or-separator {  
   width: 100%; 
   text-align: center; 
   border-bottom: 1px solid #cccccc;
   line-height: 0.1em;
   margin: 20px 0 20px; 
}

.or-separator span {
    background-color: #FFF;
    padding: 5px;
    border: 1px solid #cccccc;
    border-radius: 100%;
}

section.main-content > div.row > div > a.thumbnail > img {
	max-height: 100px;
	width: auto;
}