@font-face {
    font-family: 'DinNextLight';
    src: url('font/din-next/light/DinNextLight.eot');
    src: url('font/din-next/light/DinNextLight.eot') format('embedded-opentype'), url('font/din-next/light/DinNextLight.woff2') format('woff2'), url('fonts/din-next/light/DinNextLight.woff') format('woff'), url('fonts/din-next/light/DinNextLight.ttf') format('truetype'), url('fonts/din-next/light/DinNextLight.svg#DinNextLight') format('svg');
}
@font-face {
    font-family: 'DinNextRegular';
    src: url('font/din-next/regular/DinNextRegular.eot');
    src: url('font/din-next/regular/DinNextRegular.eot') format('embedded-opentype'), url('font/din-next/regular/DinNextRegular.woff2') format('woff2'), url('fonts/din-next/regular/DinNextRegular.woff') format('woff'), url('fonts/din-next/regular/DinNextRegular.ttf') format('truetype'), url('fonts/din-next/regular/DinNextRegular.svg#DinNextRegular') format('svg');
}
@font-face {
    font-family: 'DinNextMedium';
    src: url('font/din-next/medium/DinNextMedium.eot');
    src: url('font/din-next/medium/DinNextMedium.eot') format('embedded-opentype'), url('font/din-next/medium/DinNextMedium.woff2') format('woff2'), url('fonts/din-next/medium/DinNextMedium.woff') format('woff'), url('fonts/din-next/medium/DinNextMedium.ttf') format('truetype'), url('fonts/din-next/medium/DinNextMedium.svg#DinNextMedium') format('svg');
}
@font-face {
    font-family: 'DinNextBold';
    src: url('font/din-next/bold/DinNextBold.eot');
    src: url('font/din-next/bold/DinNextBold.eot') format('embedded-opentype'), url('font/din-next/bold/DinNextBold.woff2') format('woff2'), url('fonts/din-next/bold/DinNextBold.woff') format('woff'), url('fonts/din-next/bold/DinNextBold.ttf') format('truetype'), url('fonts/din-next/bold/DinNextBold.svg#DinNextBold') format('svg');
}
@media (max-width: 800px) 
{
	*{
		font-family: 'DinNextRegular';
	}
	h1, h2, h3, h4, h5, h6
	{
		font-family: 'DinNextRegular' !important;
	}
	.page-logo
	{
		display:none !important;
	}
	.page-header.navbar.navbar-fixed-top 
	{
		background: #c00000;
	}
	.page-sidebar, .page-sidebar.in
	{
		background: #c00000;
		margin:0 !important;
	}
	.page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"], .page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] 
	{
		color: #ffffff;
	}
	.page-sidebar .page-sidebar-menu > li > a > i 
	{
		color: #ffffff;
	}
	.page-sidebar .page-sidebar-menu > li > a 
	{
		border-top: 1px solid #df5747;
	}
	body 
	{
		background-color: #ffffff;
	}
	.page-header.navbar .top-menu 
	{
		background-color: #f3f3f3;
		margin: 25px 0 0;
		width: 100%;
		border-radius: 8px !important;
		padding: 5px;
	}
	.page-header.navbar .top-menu .navbar-nav > li 
	{
		float: right !important;
	}
	.page-header.navbar .top-menu .navbar-nav > li.dropdown:last-child 
	{
		padding-left: 0px;
		float: left !important;
	}
	.page-header.navbar .top-menu .navbar-nav {
		width: 100%;
	}
	
	.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle 
	{
		background-color: #f3f3f3;
	}
	.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover 
	{
		background-color: #f3f3f3;
	}
	.nav.pull-right > li > .dropdown-menu, .nav > li > .dropdown-menu.pull-right 
	{
		left: auto;
		right: 0;
	}
	
	.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:after 
	{
		position: absolute;
		top: -6px;
		right: 10px;
		display: inline-block !important;
		border-left: 6px solid transparent;
		border-bottom: 6px solid #fff;
		border-right: 6px solid transparent;
		content: '';
		left: auto;
	}
	.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before 
	{
		position: absolute;
		top: -7px;
		right: 9px;
		display: inline-block !important;
		border-left: 7px solid transparent;
		border-bottom: 7px solid #eee;
		border-right: 7px solid transparent;
		border-bottom-color: rgba(0, 0, 0, 0.2);
		content: '';
		left: auto;
	}
	.page-header.navbar .menu-toggler 
	{
		background-image: url(admin/layout/img/sidebar_toggler_icon_light.png);
		filter: sepia(1);
	}
	.purchase-index
	{
		display:none;
	}
	.breadcrumb
	{
		display:none;
	}
	.show_in_small
	{
		display:block !important;
	}
	.cardp
	{
		background:#f3f3f3;
		padding:10px;
		border-radius:5px !important;
		margin-bottom:10px;
		margin-top: 11px;
		
	}
	.iconp
	{
		background:#fff;
		border-radius:50% !important;
		height:30px;
		width:30px;
		display:inline-block;
		padding:6px;
	}
	
	.iconp img
	{
		width:20px;
	}
	.order_num
	{
		background: #3d3d3d;
		padding: 1px 5px;
		border-radius: 15px !important;
		color: #fff;
	}
	.mb-4
	{
		margin-bottom:10px;
	}
	.link_class
	{
		background: #f3f3f3;
		border: 1px solid #8f8a8a;
		border-radius: 3px !important;
		padding: 6px 6px;
		margin-bottom: 11px !important;
		font-size: 12px;
		min-width: 78px;
		display: block;
		text-align: center;
	}
	.p-0
	{
		padding: 0 5px 0 0;
	}
	.new
	{
		background-color:#c00000;
		color:#fff;
	}
	.inkitchen
	{
		background-color:#f1c40f;
		color:#fff;
	}
	.inroad
	{
		background-color:#d35400;
		color:#fff;
	}
	.cancel
	{
		background-color:#e74c3c;
		color:#fff;
	}
	
	.return
	{
		background-color:#d1c83e;
		color:#fff;
	}
	
	.done
	{
		background-color:#2ecc71;
		color:#fff;
	}
	.purchase-view
	{
		display:none;
	}
	a
	{
		color:#000;
	}
	.mtitle
	{
		border-bottom:5px solid #c00000;
		padding-bottom: 10px;
		display: inline-block;
	}
	.maplink
	{
		border:2px dashed #cb2f2f;
		padding:10px;
		margin-top:10px;
		color:#cb2f2f;
		width: 100%;
		display: inline-block;
		margin-bottom: 15px;
	}
	.whats
	{
		border:1px solid #2ecc71;
		padding:10px;
		padding: 10px;
		border-radius: 5px !important;
		color: #2ecc71;
		display: block;
	}
	.whatsd
	{
		background:#2ecc71;
		padding:10px;
		padding: 10px;
		border-radius: 5px !important;
		color: #fff;
		display: block;
	}
	.warp
	{
		background:#3d3d3d;
		padding:10px;
		border-radius:7px !important;
		color:#fff;
		margin-bottom: 10px;
		overflow:hidden;
	}
	.warpprod
	{
		background:#f3f3f3;
		padding:10px;
		border-radius:5px 5px 0 0 !important;
	}
	.warpprodbotun
	{
		background:#e5e5e5;
		padding:10px;
		border-radius:0px 0px 5px 5px !important;
		margin-bottom:10px;
	}
	.float-right
	{
		float:right;
	}
	.float-left
	{
		float:left;
	}
	.dashed_boarder
	{
		border:2px dashed #ccc;
		overflow:hidden;
		margin-bottom: 10px;
		padding: 12px;
	}
	.check
	{
		background:#c00000 url(admin/layout/img/icon-check.png);
		width:20px;
		height:20px;
		border-radius:50% !important;
		display: inline-block;
		vertical-align: bottom;
		margin-left: 10px;
		
	}
	.uncheck
	{
		background:#fff;
		width:20px;
		height:20px;
		border-radius:50% !important;
		display: inline-block;
		vertical-align: bottom;
		margin-left: 10px;
		
	}
	.blue.btn {
		color: #FFFFFF;
		background-color: #2c3e50;
		width:100%;
		border-radius:5px !important;
	}
	
	.green.btn 
	{
		color: #FFFFFF;
		background-color: #2980b9;
		width:100%;
		border-radius:5px !important;
	}
	.red.btn 
	{
		color: #FFFFFF;
		background-color: #c00000;
		width:100%;
		border-radius:5px !important;
	}
	.back
	{
		float: right;
		font-size: 25px;
		color: #fff;
	}
	.back a
	{
		color: #fff;
	}
	.site-login
	{
		display:none;
	}
	.page-content
	{
		background:#fff !important;
	}
	.signnlogo
	{
		background: #fff;
		margin: -22px;
		text-align: center;
		padding: 70px;
	}
	.loginform
	{
		padding-top: 56px;
		background:#f3f3f3;
		padding-bottom: 50%;
	}
	.p-4
	{
		padding:15px;
	}
	.all
	{
		background:#000;
		color:#fff;
	}
	.col-xs-2.p-0
	{
		padding:0px 10px;
		margin:0 12px;
	}
	.w-100
	{
		width:100%;
	}
	.purchase-search .form-group
	{
		margin:0px;
		height:0;
		width:0px;
	}
	.purchase-search .form-group.field-purchasesearch-id , .purchase-search .col-xs-4 .form-group
	{
		height:auto;
		width:auto;
		margin-bottom: 15px;
		overflow: hidden;
	}
	#purchase-payment_status label , #purchase-status label , #purchase-view label
	{
		background: #f3f3f3;
		padding: 10px;
		border-radius: 5px 5px 0 0 !important;
		width:100%;
	}
	.col-xs-3 
	{
		width: 25%;
		float:right;
	}
	.back
	{
		display:block;
	}
}
.show_in_small
{
	display:none;
}

.back
{
	display:none;
}