@media only screen and (max-width:768px) {
	
	.login-clean{
		padding: 0;
	}
  
	header a img{
		height: 50px;
	}
  
	nav.navbar{
		padding: 10px;
	}

	nav .navbar-brand img{
		height: 35px;
	}

	.navbar .logout{
		position: relative;
		top: 0;
		right: 0;
	}
	
	.login-clean form{
		padding: 20px;
	}
	
	header .header-bottom{
		font-size: 11px;
		padding: 10px;
	}
	
	.login-form .form-group label{
		color: #212529;
		font-size: 13px;
		font-weight: bold;
	}

	.table td, .table th{
		padding: 5px;
	}
	
	table.table{
		font-size: 13px;
	}
	
	table.table .btn-primary{
		padding: 5px;
	}
	
	.order-filter>.container{
		padding: 0;
	}
	
	.document-header .col-form-label .grpo-label{
		font-size: 13px;
	}
	
	.document-header .col-form-label span{
		font-size: 16px;
	}
	
	.card-body{
		padding: 5px;
	}
	
	.card-header .grpo-label{
		font-size: 13px;
	}

	.card-header .qty-gpro label{
		font-size: 13px;
	}
	
	.bin-loc{
		display: flex;
		flex-direction: column;
		margin-bottom: 0;
	}
	
	.p-10{
		padding-right: 0px;
	}
	
	.bin-loc label{
		padding: 0;
	}

	.quantity-mobile{
		position: absolute;
		top: 0;
		right: 0;
		padding: 0 15px !important;
	}
	
	.quantity-mobile label{
		margin-bottom: 0;
	}
	
	.quantity-mobile input{
		width: 100% !important;
		margin: auto;
		padding: 6px 12px;
		height: calc(2.25rem + 2px);
		padding: .375rem .75rem;
		font-size: 1rem !important;
		line-height: 1.5;
		color: #495057;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid #ced4da;
		border-radius: .25rem;
	}
	
	.document-header .col-form-label{
		width: 100%;
	}
	
	.col-label-left{
		padding-right: 0;
	}
	
	.col-label-right{
		padding: 0;
		font-size: 13px;
	}
	
	.col-label-right p{
		width: auto !important;
	}
	
	
	.supplier-ID {
		display: none;
	}
	
	.quantity-ordered{
		display: flex;
		justify-content: space-around;
		margin-top: 15px;
	}
	
	.quantity-ordered .quantity-ordered-1{
		display: flex;
		flex-wrap: nowrap;
		text-align: left !important;
	}
	
	.gpro-label-desc{
		display: none;
	}
	
	.qty-gpro-padding-label{
		padding-right: 0;
	}
	
	.qty-gpro-padding-qty{
		padding: 0 10px;
	}
	
	.mobile-no{
		display: none !important;
	}
	
	.sup-id{
		flex-direction: column;
	}
	
	.sup-id .desc, .sup-id .desc label{
		padding: 0 !important;
	}
	
	.card-body label{
		font-size: 12px;
	}
	
	.card-body-inner{
		margin: 0;
	}
	
	.card-body-inner .card-body-details{
		padding: 5px !important;
		text-align: center !important;
	}
	
.jumbotron{
	margin: 0;
	padding:0;
}	
.jumbotron .container {
	padding: 0;
    margin: 0;
    height: 100%;
    min-height: 100vh !important;
    width: 100vw !important;
}
.jumbotron .container .card{
	height: 100%;
    width: 100% !important;
    padding: 30px;
    min-height: 100vh !important;
}
}