@charset "utf-8";

h3 {
	/*margin-top:0px;*/
}

table, tr, td {
    background-color: #FFF;
}

/* Containers */

#container{
	width:1200px;
	background:#E1EFFF;
	margin:0px auto;
	overflow:hidden;
	min-height:1200px;
}

.codelist {
	float:left;
	overflow:hidden;
	width:330px;
}

.codelist .title {
	width:100px;
	margin:0px;
	padding:3px 0px 0px 0px;
}

.codelist .shelf {
	width:100px;
	margin:0px;
	padding:0px 0px 0px 0px;
}

/* Shelves */

.shelves {
	float:left;
	overflow:hidden;
	width:330px;
}

.shelves input[type="text"]{
	width:20px;
	text-align:center;
}

/* Items */

.defhide {
	display:none;
}

.actiondiv {
	float:left;
	margin-right:8px;
}

.discountprice {
	display:none;
	float:left;
	margin-right:8px;
}

.discountpercent {
	display:none;	
	float:left;
	margin-right:8px;
}

.discountprice input, .discountpercent input{
	margin:0px 4px 0px 0px;
	padding:4px;
	width:80px;
}

#filelist {
	margin-left:0px;
	margin-top: 10px;
  overflow: hidden;
  font-size: 0.7em;
}

	#filelist ul, #filelist ul li {
		margin:10px 0px 0px 0px;
		padding:0px;
		list-style-type:none;
	}
	
.error {
	color:#F00;	
}

.form_error {
	color:#900;
	font-weight:bold;
	text-align:right;
	padding-right:10px;
}

.error {
	color:#900;
	font-weight:bold;
	padding-right:10px;
}
	
.hidedinput input, .hidedinput textarea{
	border:0px;
	background:#e1efff;
	padding:4px 0px 0px 4px;
	
}

.hidedinput input:focus{
	border:1px;
	background:#FFF;
	margin-top:2px;
	padding:4px 0px 3px 4px;
	
}

.hidedinput textarea:focus{
	border:1px;
	background:#FFF;
	margin-top:2px;
	padding:4px 0px 0px 4px;
	
}

.whitelink a{
	color: #FFF;
}

	.whitelink a:hover{
		text-decoration:none;
		color:#FF0;
	}

.searchform {
	margin-bottom:5px;
}

	.searchform{
		width:300px;
	}
	
	
.search {
	border:1px solid #e7d490;
	background:#f0e4b8;
	padding:15px;
	margin-bottom:20px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
	
.animated {
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    transition: height 0.2s;
}

.align-left {
	text-align: left;
}

.comment {
  margin-top: 8px;
}

.images{
	clear: both;
	overflow: hidden;
	margin-left:-13px;
	margin-top:24px;
}
	.images .img {
		margin:0px -46px 18px 6px;
		height:151px;
		width:150px;
		float:left;
		text-align:center;
		overflow:hidden;
		border:1px solid #000;
		z-index: -200;
	}

	.images .img img {
		background:#FFF;
	}
	
	.images .delete {
		float: left;
		z-index: 100;
		background:#DDD;
		padding:0px 2px 2px 2px;
		border:1px solid #555;
	}
	
 h4 {
	padding:12px 15px 12px 15px;
	background:#d6e5ed;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom:20px;
}

.standard_div, .various_div {
	display:none;
}

.show {
	display:block;
}

.canvasjs-chart-credit {
	display:none;
}

.sidebar-nav {
    padding: 9px 0;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

.imgthmb {
	max-height:120px;
}

.product-images {
	background:#ECECEC;
	padding:60px 20px 20px 20px;
	margin:20px;
}

.footerlogo {
	width:120px;
	float:right;
	margin-top:30px;
}

.badge{
   background:#5bb62e!important;
   position:relative;
   top: -1px;
   margin-right:-4px;
   margin-left:4px;
}
/*
.navbar-nav>li>a {
}

.navbar-nav {
	margin-left:-15px!important;
}
*/
.navbar-form {
	padding-right:30px!important;
}

.navbar-nav>li {
	border-left:1px solid #666!important;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
	background:#666!important;
}

.navbar-nav>li:last-child {
	border-right:1px solid #666!important;
}

.navbar-right>li{
	border:0!important;
}



.age-restriction label{
	margin-top:-10px;
	margin-right:26px;
	margin-left:5px;
}

.age-restriction input[type="radio"]{
	margin-top:7px;
}

.popover {
	z-index:1500!important;
}

.popover-title {
	font-weight:bold!important;
	color:#F00;
}

.edit-hover-class a{
  visibility:hidden;
}
.edit-hover-class:hover a {
 visibility:visible;
}

.connected, .sortable, .exclude, .handles {
		margin: auto;
		padding: 0;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		cursor: move;
	}
	.sortable.grid {
		overflow: hidden;
	}
	.connected li, .sortable li, .exclude li, .handles li {
		list-style: none;
		border: 1px solid #CCC;
		background: #F6F6F6;
		font-family: "Tahoma";
		color: #1C94C4;
		margin: 5px;
		height: 22px;
	}
	.handles span {
		cursor: move;
	}
	li.disabled {
		opacity: 0.5;
	}
	.sortable.grid li {
		float: left;
		width: 275px;
		height: 99px;
		text-align: center;
	}
	li.highlight {
		background: #FEE25F;
	}
	#connected {
		width: 440px;
		overflow: hidden;
		margin: auto;
	}
	.connected {
		float: left;
		width: 200px;
	}
	.connected.no2 {
		float: right;
	}
	li.sortable-placeholder {
		border: 1px dashed #CCC;
		background: none;
	}
	
	.dragging-banner {
		max-height:100px!important;
		margin-bottom:-37px;		
	}
	
	
	.product-grid li {
		width:120px!important;
		height:270px!important;
		font-size:11px;
		color:#000;
	}
	
	.product-grid li p{
		padding:4px;
	}
	
	.product-grid img {
		width:120px!important;
		height:165px!important;
	}
	
	.product-grid .dragging-product {
		height:168px!important;
		margin-bottom:-37px;
	}
	
.btn-pink { 
  color: #5E066B; 
  background-color: #E2A0E8; 
  border-color: #CC29C1; 
} 
 
.btn-pink:hover, 
.btn-pink:focus, 
.btn-pink:active, 
.btn-pink.active, 
.open .dropdown-toggle.btn-pink { 
  color: #5E066B; 
  background-color: #E869D9; 
  border-color: #CC29C1; 
} 
 
.btn-pink:active, 
.btn-pink.active, 
.open .dropdown-toggle.btn-pink { 
  background-image: none; 
} 
 
.btn-pink.disabled, 
.btn-pink[disabled], 
fieldset[disabled] .btn-pink, 
.btn-pink.disabled:hover, 
.btn-pink[disabled]:hover, 
fieldset[disabled] .btn-pink:hover, 
.btn-pink.disabled:focus, 
.btn-pink[disabled]:focus, 
fieldset[disabled] .btn-pink:focus, 
.btn-pink.disabled:active, 
.btn-pink[disabled]:active, 
fieldset[disabled] .btn-pink:active, 
.btn-pink.disabled.active, 
.btn-pink[disabled].active, 
fieldset[disabled] .btn-pink.active { 
  background-color: #E2A0E8; 
  border-color: #CC29C1; 
} 
 
.btn-pink .badge { 
  color: #E2A0E8; 
  background-color: #5E066B; 
}

.label-positions {
	font-weight:normal;
}

/* DROPDOWN SEAARCH */

.dropdown.dropdown-lg .dropdown-menu {
    margin-top: -1px;
    padding: 6px 20px;
}
.input-group-btn .btn-group {
    display: flex !important;
}
.btn-group .btn {
    border-radius: 0;
    margin-left: -1px;
}
.btn-group .btn:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.btn-group .form-horizontal .btn[type="submit"] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.form-horizontal .form-group {
    /*margin-left: 0px!important;
    margin-right: 0px!important;*/
}
.form-group .form-control:last-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.search-type {
	margin-left:7px;
	width:160px;
}

.keyword-type {
	width:200px;
}

.collect_type, .auto_type{
	display: none;
}

.autocomplete-suggestions {
	text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0,0,0,.1);

	/* core styles should not be changed */
	position: absolute; display: none; z-index: 2000; max-height: 400px; overflow: hidden; overflow-y: auto; box-sizing: border-box;
	
}
	
	.imgcontainer {
		width:35px;
		height:55px;
		text-align:center;
		float:left;
		margin-right:10px;
		margin-top:5px;
	}
	
	.imgcontainer img {
		width:100%;
	}
	
	.autocomplete-name {
		font-size:14px;
		margin-top:5px;
	}
	
	.autocomplete-stock-status {
		font-size:11px;
	}
	
	.autocomplete-suggestion { 
		border-bottom:1px solid #DDD; 
		padding:5px 10px 7px 10px;
		position: relative; 
		white-space: nowrap; 
		overflow: hidden; 
		text-overflow: ellipsis; 
		font-size: 14px; color: #333; 
	}
	
	.autocomplete-suggestion b { 
		font-weight: bold; color: #000; 
	}
	
	.autocomplete-suggestion.selected b { 
		font-weight: bold; color: #000; 
	}
	
	.autocomplete-suggestion.selected { 
		background: #EEE; 
	} 
	
.calendar {
    font-family: Arial, Verdana, Sans-serif;
    width: 100%;
    border-collapse: collapse;

}

.calendar h3 {
	margin-top:10px;
}

.calendar .highlight {
	background:#d8e8d2;
	display:block;
}

.calendar tbody tr:first-child th {
    color: #505050;
    margin: 0 0 10px 0;
	
	padding-bottom:10px;
	font-size:24px;
}
.calendar .days td {
    color: #505050;
    margin: 0 0 10px 0;
	font-size:18px;
	text-align:center;
	height:20px;
}


.day_header {
    font-weight: normal;
    text-align: center;
    color: #757575;
    font-size: 10px;
}

.calendar td {
    width:  13.2%;  /* Force all cells to be about the same width regardless of content */
    border:1px solid #CCC;
    height: 100px;
    vertical-align: top;
    font-size: 12px;
    padding: 0px;
	text-align:center;
}
/*
.calendar-only-weekdays td {
	width: 20%!important;
}*/

.calendar td:hover {
   /* background: #F3F3F3;*/
}

.calendar tr td a, .calendar tr td a:hover {
	color:#444;
	text-decoration:none;
	display:block;
	height:100px;
	padding:3px;
}

.calendar td span {
	font-size:16px!important;
}

.day_listing {
    display: block;
    text-align: right;
    font-size: 12px;
    color: #2C2C2C;
    padding: 5px 5px 0 0;
}

div.today {
    background: #E9EFF7;
    height: 100%;
} 

.reserve-red {
	background:#f0a8a8;
}

.reserve-orange {
	background:#f0cfa8;
}

.reserve-yellow {
	background:#eff0a8;
}

.reserve-green {
	background:#a8f0ab;
}

.reserve-gray {
	background:#EEE;
}

.today {
	border:2px dashed #940f0f!important;
}

.controls {
	display:none;
}

.timerow:hover .controls {
	display:inline;
}

@media screen and (min-width: 768px) {
    #adv-search {
       width: 200px;
        margin: 0 10px;
		float:right;
    }
    .dropdown.dropdown-lg {
        position: static !important;
    }
    .dropdown.dropdown-lg .dropdown-menu {
        min-width: 200px;
		margin-left:30px;
    }
}

/* USER ACC*/

    .dp
    {
       // border:3px solid #eee;
        transition: all 0.2s ease-in-out;
    }
    .dp:hover
    {
       // border:1px solid #eee;
        transform:rotate(360deg);
        -ms-transform:rotate(360deg);  
        -webkit-transform:rotate(360deg);  
        /*-webkit-font-smoothing:antialiased;*/
    }
	
.inspectionform {
	background:#d1f0d6;
	border: 1px solid #77ac7f;
	padding:20px;
	margin-bottom:20px;
}

.inspectionform p {
	padding-right:10px;
}

.header {
	background: rgba(201,231,242,1);
	background: -moz-linear-gradient(top, rgba(201,231,242,1) 0%, rgba(136,192,212,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(201,231,242,1)), color-stop(100%, rgba(136,192,212,1)));
	background: -webkit-linear-gradient(top, rgba(201,231,242,1) 0%, rgba(136,192,212,1) 100%);
	background: -o-linear-gradient(top, rgba(201,231,242,1) 0%, rgba(136,192,212,1) 100%);
	background: -ms-linear-gradient(top, rgba(201,231,242,1) 0%, rgba(136,192,212,1) 100%);
	background: linear-gradient(to bottom, rgba(201,231,242,1) 0%, rgba(136,192,212,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9e7f2', endColorstr='#88c0d4', GradientType=0 );
	min-height:100px;
	padding:20px 0px;
}

.header h1 {
	margin-top:10px;
}

.resultbox {
	display:none;
	padding:0px 20px 10px 20px;
	background:#dbe4f5;
	border:1px solid #b6e7f1;
	margin:5px 15px 5px 30px;
}

.showrow {
	margin:10px;
}

.ntm {
	margin-top:0px;
}

.datablock {
	padding-right:20px;
}

.red {
	color:#F00;
}

.fromtoinput{
	width: 65px;
}

.headwidth
{
	width: 90px;
}

.from-to-time-checkbox{
	margin: 5px 25px 10px!important;
}

.header-selector-li{
	margin-top: 8px;
    margin-right: 10px;
}





@media screen and (max-width: 767px) {
   .pd-t{
		padding-top: 50px!important;

	}

	.header-selector-li{
		margin-top: 0px;
	    margin-right: 0px;
	}

}