/* here you can put your own css to customize and override the theme */
.sizeTabs.tabs-left > .nav-tabs {
	margin-right: 10px;
}
.img_product{
	max-height:100px;
}

.table-scrollable{
	overflow-y:scroll;
	min-height:500px;
}
.table-scrollable td label{
	max-width: 120px;
}
.custom-filters{
	padding-bottom:5px;
	border-bottom:1px solid #cccccc;
	margin-bottom:10px;
}
.products .row,.products-group .row{
	margin-top:10px;
	
}
.error,.error:focus{
	border:1px solid red;
}

.header.navbar .navbar-brand{
	width:210px;
}
.form-group {
    margin-bottom: 5px;
}
.small-form label{
	font-size:12px;
}
.small-form .form-group{
	
}
.small-form .form-control{
	height:30px;
	padding:6px;
}
.small-form textarea.form-control{
	height:auto;
}
.small-form hr{
	margin:2px 0px;
}
.small-form .row{
	margin-left:-6px;
	margin-right:-6px;
}

.small-form .col-xs-1, 
.small-form .col-sm-1,
.small-form  .col-md-1,
.small-form  .col-lg-1,
.small-form  .col-xs-2,
.small-form  .col-sm-2,
.small-form  .col-md-2,
.small-form  .col-lg-2,.small-form  .col-xs-3,.small-form  .col-sm-3,.small-form  .col-md-3,.small-form  .col-lg-3,
.small-form  .col-xs-4,.small-form  .col-sm-4, .small-form .col-md-4,.small-form  .col-lg-4,.small-form  .col-xs-5,
.small-form  .col-sm-5,.small-form  .col-md-5,.small-form  .col-lg-5,.small-form  .col-xs-6,.small-form  .col-sm-6,
.small-form  .col-md-6,.small-form  .col-lg-6,.small-form  .col-xs-7,.small-form  .col-sm-7,.small-form  .col-md-7,
.small-form  .col-lg-7,.small-form  .col-xs-8,.small-form  .col-sm-8,.small-form  .col-md-8,.small-form  .col-lg-8,
.small-form  .col-xs-9,.small-form  .col-sm-9,.small-form  .col-md-9,.small-form  .col-lg-9,.small-form  .col-xs-10,
.small-form  .col-sm-10,.small-form  .col-md-10,.small-form  .col-lg-10,.small-form  .col-xs-11,.small-form  .col-sm-11,
.small-form  .col-md-11,.small-form  .col-lg-11,.small-form  .col-xs-12,.small-form  .col-sm-12,
.small-form  .col-md-12,.small-form  .col-lg-12{
	padding-left:6px;
	padding-right:6px;
}

.row.kit{
	background-color: rgba(69, 152, 99, 0.38);
    padding: 5px 0px;
}
.ajax-table tfoot, .dataTable tfoot {
    display: table-header-group;
}
.my-red{
    background: rgba(255, 0, 0, 0.11);
    padding-top: 10px;
    padding-bottom: 3px;
}
.my-green{
	background: rgba(76, 175, 80, 0.29);
    padding-top: 8px;
    padding-bottom: 3px;
}


/*Search bar*/
body.search-toggled{
	overflow:hidden;
}
.search-toggled #top-search-wrap {
    top: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}
#top-search-wrap {
    text-align: center;
}
#top-search-wrap {
    position: absolute;
    top: -65px;
    left: 0;
    width: 100%;
    height: 65px;
    background: #3F51B5;
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 10;
}
#top-search-wrap label{
	color:#fff;
}
#top-search-wrap input[type=checkbox]{
	-webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    
}
#top-search-wrap input[type="text"] {
    border: 0;
    border: 0;
    height: 32px;
    padding: 0 10px 0 40px;
    font-size: 18px;
    margin: 5px;
    width: 500px;
    border-radius: 2px;
    color: rgba(51,51,51,0.69);
    background-color: rgba(255,255,255,0.26);
    background-image: url(../img/search.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    outline:none;
    color:#fff;
}
#top-search-wrap input[type="text"]:focus{
	outline:none;
}
#top-search-wrap #top-search-close {
    position: absolute;
    top: 5px;
    font-size: 23px;
    font-style: normal;
    color: rgba(0,0,0,0.38);
    width: 35px;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    right: 20px;
}

ul.ui-autocomplete{
	list-style:none;
	z-index:20000;
	background:#fff;
	width:830px !important;
	padding:0px;
	overflow-y:scroll;
	overflow-x:hidden;
	max-height:500px;
	border: 1px solid rgba(204, 204, 204, 0.39);
}
.ui-autocomplete .ui-menu-item a{
	color:#333;
}
.ui-autocomplete .ui-menu-item{
    padding: 8px 0px 8px 35px;
}
.ui-autocomplete .ui-menu-item:hover,.ui-autocomplete .ui-menu-item.ui-state-focus{
	background:rgba(33, 165, 199, 0.38);
}
.ui-helper-hidden-accessible{
	display:none;
}
.ui-autocomplete .ui-menu-item.ui-state-focus {
    background: rgba(33, 165, 199, 0.38);
}
.ui-autocomplete .unknown{
	color:rgba(113, 113, 113, 0.94);
	width: 140px;
}

.header.navbar .hor-menu ul.nav li > a {
    font-size: 15px;
    color: #fff;
}

span.mobile,span.vehicle_no {
    float: right;
    min-width: 130px;
    text-align:right;
}

.login {
    background-color: #01385f !important;
}

.pastdate{
	color:#e02222;
}

@media (max-width:949px) { 
	ul.ui-autocomplete{
		left:0px !important;
		width:100% !important;
	}
}


@media (max-width:700px) { 
	.ui-autocomplete .ui-menu-item{
		border-bottom: 1px solid #e0dcdc
	}
	.ui-autocomplete span.hide{
		display:none;
	}
	.ui-autocomplete span{
		float:none !important;
		display:block;
		text-align:left;
	}
}
@media (max-width:480px) { 
	#top-search-wrap input[type="text"]{
		float:left;
	}
}