.nav-link.white-text {
	color: #fff !important;
}

.subcategory-tabs {
	white-space: nowrap;
	flex-wrap: nowrap;
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
}
.btn-xs {
	padding: .2rem .3rem;
	font-size: .7rem;
	border-radius: .2rem;
	margin-top: 0px;
	margin-right: -5px;
}
#red-sidebar-view .nav-tabs .nav-item .nav-link.active {
	text-decoration: underline;	
}

#red-sidebar-view .nav-tabs .nav-item .nav-link {
	padding: .5rem 0.5rem;
}

#red-product-header .nav-link.active {
	text-decoration: underline;
}

.badge {
	color: #fff;
}

.select2-selection  {
	padding-left: 6px;
	padding-bottom: 6px;
	border: 1px solid rgb(219, 225, 230) !important;
}

.select2-selection__choice__remove{
	margin-top: 3px;
background: #fff;
padding-bottom: 3px;
line-height: 14px;
border: 1px solid transparent;
border-radius: 3px;
padding-top: 0px;
}
.select2-selection__choice__remove:hover {
	border: 1px solid #bdc6d0;
}
.select2-search__field {
	width: 100%;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 5px;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    display: inline-block;
    float: none !important;
}

.select2-selection__choice{
	color: #fff !important;
	border-color: transparent !important;
	background: #28a745;
}

body, html {
	position: relative;
	width: 100%;
	height: 100%;
	background-image: url('test.png');
}

#txt_search {
	background-image: url('/search.png');
	background-repeat: no-repeat;
	background-position: 10px 12px;
	padding-left: 30px;
	width: 140px;
}


#txt_search.active {
	width: 35vw;

}

.search-ui {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 10px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	z-index: 999;
}

.search-ui.search-hidden {
	display: none;
}

.search-result {
border-radius:0px;
margin: 0px -10px 0px -10px;
}

.search-result:hover {
	background: #ddd;
}

#red-header-view {
	border-bottom: 1px solid #ccc;
	box-shadow: rgba(100, 100, 111, 0.4) 0px 7px 29px 0px;
}

#red-footer-view {
	border-top: 1px solid #ccc;
	height: 39px!important;
}

#red-main-view {

}

#sidebar {
	height: calc(100vh - 167px);
	overflow-y:auto;
	background: rgba(255,255,255,0.4);

}

#main-right {
	height: calc(100vh - 167px);overflow-y:auto;
	background: rgba(255,255,255,0.4);
}

.btn-primary {
	border-bottom-color: rgb(80, 183, 255);
}

.btn-secondary {
	border-bottom-color: rgb(158, 167, 175);
}
.btn-light {
	border-bottom-color: rgb(255, 255, 255);
}

.btn-success {
	border-bottom-color: rgb(90, 217, 119);
}

.btn-danger {
	border-bottom-color: rgb(270, 103, 119);
}

.btn-warning {
	border-bottom-color: rgb(255, 253, 107);
}

#main {

}

#red-footer-view .btn-toolbar {
	margin-top: 0px;
}

#red-footer-view .btn-group .btn {
	border-right: 1px solid transparent!important;
	margin-right: 2px !important;
}