/* === Overwrites CSS v1.2 ==
 * Customization and overwrites of loaded stylesheets
 * @by Indigo Beam and jdmdigital
 */

/* https://github.com/onpoint-us/ScopeManagementSolutions/issues/24 */
#top-navigation{
    max-height: 65px;
}
.logo-container{
	height: 65px;
}
li.menu--item.logo-container.py-5.mb-3 {
    padding-bottom: 15px !important;
    padding-top: 15px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: 65px;
}
.navbar-nav .dropdown-menu {
    left: auto;
    right: 0;
}
#top-navigation .flex-1-1-300 {
    padding-left: 2rem;
    padding-top: 2px;
}
#top-nagivation .navbar-toggler {
    border-color: transparent;
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;   
}
#top-navigation .navbar-brand, #top-navigation .navbar-toggler.d-none.d-md-flex{
	display:none!important;
}
#top-navigation .navbar-nav.col-4{
    position: absolute;
    right: 15px;
}
button#toggleMenu.toggle_menu {
    margin-top: 5px;
}
.breadcrumb .goback::before {
    content: "<" !important;
}
form.bg-db .container-fluid{
	padding-right:30px!important;
}
/* Styles for mobile portrait orientation--only */
@media only screen and (max-width: 767px) {
	.tab-pane .card-body{
		padding: 15px;
	}
	#btnSelect {
		width: 70px;
	}
	#bomtransactiontable th:nth-child(1), #bomtransactiontable td:nth-child(1), #bomtransactiontable th:nth-child(4), #bomtransactiontable td:nth-child(4) {
    	display: none;
	}
	#selectnotetable th:nth-child(1), 
	#selectnotetable td:nth-child(1), 
	#selectnotetable th:nth-child(4), 
	#selectnotetable td:nth-child(4){
		display: none;
	}
	#allocationtable thead > tr:nth-of-type(2) > th:nth-of-type(3), #allocationtable td:nth-child(4), #allocationtable thead > tr:nth-of-type(2) > th:nth-of-type(5), #allocationtable td:nth-child(6), #allocationtable thead > tr:nth-of-type(2) > th:nth-of-type(6), #allocationtable td:nth-child(7), #allocationtable thead > tr:nth-of-type(2) > th:nth-of-type(7), #allocationtable td:nth-child(8),
	#allocationtable thead > tr:nth-of-type(2) > th:nth-of-type(9), #allocationtable td:nth-child(10),
	#allocationtable thead > tr:nth-of-type(2) > th:nth-of-type(10), #allocationtable td:nth-child(11),
	#allocationtable thead > tr:nth-of-type(2) > th:nth-of-type(11), #allocationtable td:nth-child(12),
	#allocationtable thead > tr:nth-of-type(2) > th:nth-of-type(16), #allocationtable td:nth-child(17),
	#allocationtable thead > tr:nth-of-type(2) > th:nth-of-type(17), #allocationtable td:nth-child(18),
	#allocationtable thead > tr:nth-of-type(2) > th:nth-of-type(18), #allocationtable td:nth-child(19),
	#allocationtable thead > tr:nth-of-type(2) > th:nth-of-type(19), #allocationtable td:nth-child(20),
	#allocationtable thead > tr:nth-of-type(2) > th:nth-of-type(20), #allocationtable td:nth-child(21),
	#allocationtable thead > tr:nth-of-type(2) > th:nth-of-type(21), #allocationtable td:nth-child(22) {
		display: none;
	}
	th.quantity-header::after {
		content: "Qty";
	}
	th.quantity-header {
		visibility: hidden;
	}
	th.quantity-header::after {
		visibility: visible;
		display: block;
	}
	#orderDetailTable tr td{
		min-width: 80px;
	}
	#orderDetailTable tbody tr td:nth-of-type(1),#orderDetailTable tbody tr td:nth-of-type(2),#orderDetailTable tbody tr td:nth-of-type(4),#orderDetailTable tbody tr td:nth-of-type(5),#orderDetailTable tbody tr td:nth-of-type(6),#orderDetailTable tbody tr td:nth-of-type(7){
		min-width: 90px;
	}
	nav .breadcrumb li:nth-child(n+3) {
		display: none;
	}
	#orderDetailTable.view-record tr td:nth-of-type(5), #orderDetailTable.view-record tr td:nth-of-type(6), #orderDetailTable.view-record tr td:nth-of-type(7){
		display: none;
	}
	.modal-body table#requestertable th:nth-child(3), .modal-body table#requestertable td:nth-child(3) {
		display: none;
	}
	.modalSelectRequesterDlg .dt-buttons .searchToggle, .modalSelectRequesterDlg .dt-buttons .dt-button:nth-of-type(4){
		display: none;
	}
}
@media (min-width: 992px) {
    .collapse_menu {
		top: 10px;
	}
}
@media (max-width: 992px) {
	.btn-md-block{
		width: 100%;
	}
}
#search-and-select-actions .dropdown-item{
	padding-top:0.75rem;
	padding-bottom: 0.75rem;
}
@media only screen and (min-width: 992px) {
	.flexus-lg-right{
		-ms-justify-content: flex-end;
        justify-content: flex-end;
        flex-wrap: wrap;
        display: flex;
	}
}
#loading-stuff{
	display:none;
}
@media (min-width: 319px){
	#orderDetailTable .card {
		max-width: 270px;
	}
}
@media (min-width: 375px){
	#orderDetailTable .card {
		max-width: 320px;
	}
}
@media (min-width: 425px){
	#orderDetailTable .card {
		max-width: 370px;
	}
}
@media (min-width: 768px){
	#orderDetailTable .card {
		max-width: 100%;
	}
	.targetlogo{
		width: 150px;
	}
}
@media (max-width: 680px) {
	#orderDetailTable .lineItem .card-body .flex-bottom {
		display: block;
	}
	#orderDetailTable #fromQtyId, #orderDetailTable #actualQtyId{
		text-align:left!important;
	}
	#locationmove table td {
		min-width: 150px;
	}
}

/* https://github.com/onpoint-us/ScopeManagementSolutions/issues/48 */
@media screen and (max-width:768px){

	.flex-container{
		flex: auto;
	}
	.wrapper.h-100{
		overflow-x:hidden; /* not overflow hidden */
		overflow-y:scroll;
	}
	button#toggleMenu.toggle_menu{
		color:#000;
	}
	.targetlogo{
		padding: 10px 0px 12px;
		width: 100px;
	}

}