h1 {
	font-family: 'Birthstone', cursive;
}

p,a,h2,h3,h4 {
	font-family: 'Forum', cursive;
}

p {
	font-size:16px;
}
 a {
	 font-size:16px;
 }
 
 /* Large cellar view */
 
.vertical-vr-cellar-heading {
	position: -webkit-sticky;
	position: sticky;
	background-color:#f7f7f7;
	 width: 75px;
  min-width: 75px;
  max-width: 75px;
  height:75px;
  left: 0px;
  text-align:center;
}

.horizontal-vr-cellar-heading {
	position: -webkit-sticky;
	position: sticky;
	background-color:#f7f7f7;
	 width: 75px;
  min-width: 75px;
  max-width: 75px;
  height:75px;
  left: 0px;
  z-index:50;
  top:0;
  text-align:center;
}

.disp-table-sm tbody > tr > th{
	width:20px;
	height:20px;
	min-width:20px;
	min-height:20px;
	
	
}
.disp-table-sm tbody > tr > td {
	width:20px;
	height:20px;
	min-width:20px;
	min-height:20px;
}

/* MD Sized cellar */

 
.vertical-md-vr-cellar-heading {
	position: -webkit-sticky;
	position: sticky;
	background-color:#f7f7f7;
	 width: 50px;
  min-width: 50px;
  max-width: 50px;
  height:50px;
  left: 0px;
  text-align:center;
}

.horizontal-md-vr_cellar-heading {
	/*
		Smaller sized cellar horizontal 
	*/
	position: -webkit-sticky;
	position: sticky;
	background-color:#f7f7f7;
	 width: 50px;
  min-width: 50px;
  max-width: 50px;
  height:50px;
  left: 0px;
  z-index:50;
  top:0;
  text-align:center;
}

/* SM sized cellar */
.vertical-sm-vr-cellar-heading {
	position: -webkit-sticky;
	position: sticky;
	background-color:#f7f7f7;
	 width: 25px;
  min-width: 25px;
  max-width: 25px;
  height:25px;
  left: 0px;
  text-align:center;
}



.btn-lg {
	font-size:14px !important;
}

.top-left-heading {
	position: -webkit-sticky;
	position: sticky;
	background-color:#f7f7f7;
	 width: 75px;
  min-width: 75px;
  max-width: 75px;
  height:75px;
  left: 0px;
  z-index:75;
  top:0;
}

.v_cellar_table {
	
}
.v_cellar_table tbody > th {
	vertical-align: middle;
	align-content: center;
}

.v_cellar_table tbody > tr > td {
	border-radius:6px;
}

.bottle-view {
	
}

.bottle-view p {
	font-weight:bold;
}

.cellar_table  {
	width:50% !important;
	table-layout: fixed;
}

.shadow {
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}

.swap_move_item {
	background-color:#c4c33f;
	color:#ffffff;
	
	font-size:14px;
	position:relative;
	text-align:center;
	padding:7px;
	width:100%;
	
	display:inline-block;
}

.swap_table {
		
}

.swap_table tbody > tr >td {
	width: 25%;
	
	font-size:16px;
}

.botte_auto_list {
	background: rgb(255,255,255);
/*
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(213,54,54,1) 0%, rgba(140,35,26,1) 100%);
*/
	background-color:#68a8bf;
	
	padding:12px;
	
	
	width:100%;


}
.bottle_auto_list  {
	color:#ffffff !important;
}
.botte_auto_list {
	color:#ffffff !important;
}
/* --------------------------------------------------- V Cellar Top Menu ------------------------- */


.vcellar_option {
	cursor:pointer;
	font-weight:bold;
	
	background-color: rgb(213,54,54);
	color:#ffffff;
	display:inline-block;
	padding:15px;
}

#v_cellar_top_menu {
	/*background-color:  rgb(213,54,54);*/
	margin-bottom:15px;
	border-bottom:1px solid #000000;
}

#v_cellar_top_menu a {
	color :#000000;
	text-decoration: none;
}

#v_cellar_top_menu a:hover {
	color :#000000;
	text-decoration: none;
}

.navbar-nav > li > .dropdown-menu { background-color: #eeeeee; }

.navbar-nav > li > .dropdown-menu a:hover { background-color: #bbbbbb; }

.navbar-nav > li > .dropdown-menu a { display: inline-block; width:100%;}

.dropdown-menu  { background-color: #eeeeee !important; }
.dropdown-menu   a:hover { background-color: #bbbbbb !important; }
.navbar-nav > li > .dropdown-menu a:focus { background-color:#bbbbbb;}




.nav > li {
	float:left;
}

.navbar {
	margin-bottom:0px;
}
/* --------------------------------------------------- FADE COLOURS ------------------------------ */
body {
	/*
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 0%, rgba(125,181,193,1) 100%);
	*/
	background: rgb(255,255,255);
/*	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 0%, rgba(174,236,249,1) 100%);
*/	
}

.top_banner {
	background-color:#f7f3ed;
	border-bottom:1px solid #000000;
	
}

.v_cellar {
	background-color:#ffffff;
}

.box_colors {
	/*background-color:#fbdddd;*/
	background: rgb(255,255,255);
	
	/*
	
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(213,54,54,1) 0%, rgba(140,35,26,1) 100%);
	*/
	background-color: #c1cfd3;
}

.box_colors p,a,h1,h2,h3,h4 {
	/*color:#ffffff;*/
	color:#000000;
}

.crate_colors {
	background: rgb(255,255,255);
/*
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 0%, rgba(201,64,64,1) 100%, rgba(129,35,24,1) 100%);
*/
background-color: #c1cfd3;

}

.crate_colors p,a,h1,h2,h3,h4 {
	color:#000000;
}

.cellar_box_colors {
	background: rgb(255,255,255);
}

.modal {
	background: rgb(255,255,255);
/*	background: linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(241,241,241,0.5) 0%, rgba(125,181,193,0.5) 100%);
*/
/*	
	background: linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(241,241,241,0.5) 0%, rgba(125,125,125,0.5) 100%);
*/

background: linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(213,54,54,0.5) 0%, rgba(140,35,26,0.5) 100%);
}

.modal-title  {
	color:#000000;
	font-weight:bold;
}

.modal-body h2 {
	color:#000000;
	font-weight:bold;
}

/* -------------------------------------------------- Mobile Menu ------------------------------*/

#v_cellar_mobile_menu {
	padding-bottom:24px;
}
#mobile_hamburger {
	
}

.mobile_menu {
	background-color:rgb(213,54,54);
	color:#ffffff;
	padding-top:16px;
	padding-bottom:16px;
	margin-top:12px;
}


.mobile_menu ul {
	list-style-type:none;
}
.mobile_menu ul li {
	margin-left:0px;
}

/* ================================================== Larger Screen Menu ------------------------*/

.cellar_top_nav a {
	color:#000000;
}

.cellar_top_nav li > a:hover {
	color:#000000;
}


/* ================================================== Edit / Add Div Form ------------------------*/

#edit_add_div {
	
}

#edit_add_div p {
	padding-top:12px;
	margin-top:16px;
	
}

/* ================================================= Top Menu Navigation --------------------------*/

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}

/* ================================================= Highlighted cell animation --------------------*/

.focused_border {
	animation-name : anim_border;
	animation-duration : 1s; 
	animation-iteration-count: 999;
}
@keyframes anim_border {
	0% {
	
		
		background-color: #00aaffff;
	}
	50% {
		
		background-color: #faffcbff;
	}
	75% {
		
		
		background-color:white;
	}
	
}