@import url('https://fonts.googleapis.com/css?family=Barlow:400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Ubuntu:400,700&display=swap');

body {
	font-family: "Barlow",tahoma,sans-serif;
  padding-top: 60px;
  padding-bottom: 5px;
  padding-left:2px;
  paddin-right:2px;
  background:#181818;
  color:#9F9F9F;
}

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 120px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}

.navbar-inverse .navbar-nav>li>a {
    color: #efefef;
	font-weight:bold;
}

.alert {
	position:fixed;
bottom:0;
margin-right: 15px;
}
.btn {
padding: 10px;	
}
.btn-full {
    background-image: -webkit-linear-gradient(top,#999999 0,#333333 100%);
    background-image: -o-linear-gradient(top,#999999 0,#333333 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#999999),to(#333333));
    background-image: linear-gradient(to bottom,#999999 0,#333333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33333', endColorstr='#666666', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #dbdbdb;
	color:#000;
    text-shadow: 0 1px 0 #000;
    border-color: #222222;
	opacity: 0.3;

}

.button_top{
border:1px solid #b7ad70; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #45484d; background-image: -webkit-gradient(linear, left top, left bottom, from(#45484d), to(#000000));
 background-image: -webkit-linear-gradient(top, #45484d, #000000);
 background-image: -moz-linear-gradient(top, #45484d, #000000);
 background-image: -ms-linear-gradient(top, #45484d, #000000);
 background-image: -o-linear-gradient(top, #45484d, #000000);
 background-image: linear-gradient(to bottom, #45484d, #000000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#45484d, endColorstr=#000000);
}

.working {
	background-color:green;
	
}
.navbar-brand {
	padding: 10px 10px;
}
.logo {
	max-height:80%;
	margin:auto;
	padding:auto;
	display:inline-block;
}
.logo a {
margin:0;
padding:0;
}
.unavailable {
opacity:.2;	
	}
.shift {	
}

.btn-login {
	border:1px solid #c3b980; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:18px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #232323;
 background-color: #d5cea6; background-image: -webkit-gradient(linear, left top, left bottom, from(#d5cea6), to(#b7ad70));
 background-image: -webkit-linear-gradient(top, #d5cea6, #b7ad70);
 background-image: -moz-linear-gradient(top, #d5cea6, #b7ad70);
 background-image: -ms-linear-gradient(top, #d5cea6, #b7ad70);
 background-image: -o-linear-gradient(top, #d5cea6, #b7ad70);
 background-image: linear-gradient(to bottom, #d5cea6, #b7ad70);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d5cea6, endColorstr=#b7ad70);}

.btn-added {
	    background-image: -webkit-linear-gradient(top,#99ff99 0,#33ff33 100%);
    background-image: -o-linear-gradient(top,#99ff99 0,#33ff33 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#99ff99),to(#33ff33));
    background-image: linear-gradient(to bottom,#99ff99 0,#33ff33 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33ff33', endColorstr='#66ff66', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color:#009900;
border: 1px solid #006600;
opacity:.4;	
}
h1, h2, h3, h4, h5 {
	font-weight: bold;
	line-height:.75;
}
h4 a {
line-height:.5;	
}
.product-item {
	margin:0px;
	padding:0px;
	display:inline-block;
	width:30%;
}

.txt-heading {
	margin: 20px 0px;
	text-align: left;
    background: #cccccc;
    padding: 5px 10px;
    overflow: auto;
}

#shopping-cart .txt-heading {
	border-top: #607d8b 2px solid;
    background: #e2e2e2;
    border-bottom: #607d8b 2px solid;
}

.txt-heading-label {
	display: inline-block;
}

#shopping-cart .txt-heading .txt-heading-label{
	margin-top:5px;
}

.btnAddAction {
    padding: 3px 10px;
    cursor: pointer;
    border: #CCC 1px solid;
    background: #f3f0f0;
}

.cart-item {
	border-bottom: #79b946 1px dotted;
	padding: 10px;
}

.cart-image {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    vertical-align: middle;
}

#product-grid {
	margin-bottom: 30px;
    text-align: center;
    padding-bottom: 20px;
}

.product-item {
	display: inline-block;

}

.product-title {
	position: absolute;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    padding: 5px 0px;
    color: #f1f1f1;
}
.product-image {
	height: 110px;
	width:160px;
	position:relative;
}

.product-image img {
	width:100%;
    height: 110px;
}

.product-footer {
    padding: 20px 10px 10px;
    overflow: auto;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.align-right {
	text-align: right;
}

.input-cart-quantity {
	padding: 5px;
    margin: 0;
    vertical-align: top;
    border: #CCC 1px solid;
    border-right: 0px;
    width:35px;
}
.cart-info {
	text-align: right; 
	display:inline-block;
	width:15%;
    font-size: 0.95em;
	color:#ffffff;
	font-weight:bold;
}
.cart-info.title {
	width:50%;
	text-align: left; 
}
.cart-info.price {
	min-width:20%;
	position:relative;
}
.cart-info.action {
	width: 5%;
    float: right;
    padding: 10px 0px;
}
.cart-item-container {
	padding: 5px 10px;
    border-bottom: #e2e2e2 1px solid;
}
.cart-status {
	color: #666;
    float: right;
    font-size: 0.8em;
    padding: 0px 10px;
    line-height: 18px;
} 
#btnEmpty img{
	margin-top:6px;
	cursor:pointer;
}

.cart-item-container.header {
	background: #CCC;
    border-bottom: #b9b8b8 1px solid;    
    font-weight: bold;
}
.btn-action {
    padding: 10px 30px;
    font-size: 1em;
    background: #3a9ee0;
    border: #3590cc 1px solid;
    color: #FFF;
    cursor: pointer;
}
.frm-customer-detail {
    background: #dae5ec;
    padding: 20px;
}

.frm-heading {
	margin: 20px 0px 0px;
	text-align: left;
    background: #c9d3da	;
    padding: 10px;
}



.success {
	margin-top: 20px;
    background: #d6ecd6;
    padding: 15px;
    border: #c4dac4 1px solid;
}
.btn-continue {
	margin: 20px 0px 20px;
    padding: 30px 30px;
    font-size: 1em;
    background: #FFF;
    border: #3a9ee0 1px solid;
    color: #3a9ee0;
    cursor: pointer;
}
 .dow  select.form-control{
	padding:0px;
	font-size:12px;
}
.dow {
	width:13%;
	display:inline-block;
	text-align:center;
	padding:0;
	font-weight:bold;
}

a:hover,a:focus{
    outline: none;
    text-decoration: none;
}
 .nav-tabs{
	background:#222; 
	margin-top:10px;
 }
.tab .nav-tabs{
    border: 1px solid #EEE8AA;
}
.tab .nav-tabs li{
    margin: 0;
}
.tab .nav-tabs li a{
    font-size: 14px;
    color: #999898;
    background: #222;
    margin: 0;
    padding: 5px 5px;
    border-radius: 0;
    border: none;
    text-transform: uppercase;
    position: relative;
}
.tab .nav-tabs li a:hover{
    border-top: none;
    border-bottom: none;
    border-right-color: #ddd;
}
.tab .nav-tabs li.active a,
.tab .nav-tabs li.active a:hover{
    color: #EEE8AA;
    border: none;	
    background: #222;
}
.tab .nav-tabs li.active a:before{
    content: "";
    width: 58%;
    height: 4px;
    background: #EEE8AA;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.tab .nav-tabs li.active a:after{
    content: "";
    border-bottom: 10px solid #FFF;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    bottom: -3px;
    left: 30%;
}
.tab .tab-content{
    font-size: 13px;
    color: #222222;
    line-height: 25px;
    background: #f4f4f4;
    padding: 20px;
    border: 1px solid #EEE8AA;
    border-top: none;
}
.tab .tab-content h5{
    font-size: 16px;
    color: #121212;
    margin-top: 0;
        text-align: center;
}
@media only screen and (max-width: 480px){
    .tab .nav-tabs li{
        width: 14%;
        text-align: center;
    }
    .tab .nav-tabs li.active a,
    .tab .nav-tabs li.active a:after,
    .tab .nav-tabs li.active a:hover{

    }
}

.Steeles {
background:rgba(255,0,0,0.1);	
}
.Intermodal {
background:rgba(0,0,255,0.1);
}
.Obsession {
background:rgba(140,0,140,0.1);
}

.swiper-wrapper {
	bottom:10px;
	margin-top:20px;
}
   .swiper-container {
      width: 90%;
      height: 90%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 16px;
      background: #fff;
      /* Center slide text vertically */
      width: 80%;
	  border: 1px solid rgba(22,22,22,.3);
    }
    .swiper-slide:nth-child(2n) {
      width: 80%;
    }
    .swiper-slide:nth-child(3n) {
      width: 80%;
    }
	
	.warning {
		padding:50px;
	}
	
	.dayspan {
		width:25%;
		float:left;
		padding:1px;
		margin:0;
		margin-bottom:10px;
		margin-top:5px;
		border-top:2px solid #424242;
		background-color:#181818;
	}
	.day {
		color:#969696;
		padding:2px;
		font-weight:bold;

			}
	.dayofweek, .day {

		padding:auto;
		margin:auto;
		text-align:center;
		font-size:14px;
	}
	.dayofweek {
		color:#9e9e9e;
		background-color:#121212;
				border-bottom:2px solid #424242;
		text-transform:uppercase;
		font-weight:bold;
		
		font-size:13px;

	}
	.shifttime {
		padding:auto;
		margin:auto;
		text-align:center;
		font-size:10px;
		color:#fefefe;
		text-transform:uppercase;
	}
	.dayshift, .midshift, .lateshift {
		background-color:#242424;
		color:#FEFEFE;
		padding:6px;
		margin:auto;
		text-align:center;
		font-size:11px;
		text-transform:uppercase;
		border-top:1px solid #424242;
		border-bottom:1px solid #424242;
		
	}
	
	button.steeles, .steeles {
		background-color:#696969;
		margin:auto;
		padding:5px 1px;
		text-transform:uppercase;
		font-size:11px;
				font-weight:bold;

	}
button.empty, .empty {
	background-color:#242424;
		margin:auto;
		padding:5px 1px;
		text-transform:uppercase;
		font-size:11px;
		color:#696969;
				font-weight:bold;
				

	}
	button.intermodal, .intermodal {
		background-color:#1e3b5d;	
		margin:auto;
		padding:5px 1px;
		text-transform:uppercase;
		font-size:11px;	
				font-weight:bold;

	}
	button.obsession, .obsession {
		background-color:#66457c;
		margin:auto;
		padding:5px 1px;
		text-transform:uppercase;
		font-size:11px;	
				font-weight:bold;
	
	}
	
	.modal * {
	color:#ffffff;	
	}
	
.modal-content {
	font-family: "Barlow",tahoma,sans-serif;
  background:#242424;
  border:1px solid #696969;
}
	
	.modal button {
			font-size:18px;	
					padding:15px 11px;
					color:#fff;
	
	}

	
	.modal-dialog {
						color:#FFFFFF;
		width:60%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}	
#adminMessage .modal-dialog {
				width:90%;
				color:#FFFFFF;
	}
#adminMessage .modal-header {
				background-color:#8a6c48;
				color:#FFFFFF;
	}
	
	.today {
		background-color: #8a6c48;
		color:#FFFFFF
	}