.order-status-hifi .ph-table__exports{
	display: flex;
    align-items: center;
	 overflow: hidden;
    margin: -1em 0 1em;
		border-bottom: 2px solid #FFB91D;
}
.order-status-hifi  .margin-right-auto{
	margin-right: auto;
	
}
.order-status-hifi h4{
	color: #424242;	
	font-family: Roboto;	
	font-size: 18px;	
	font-weight: bold;	
	line-height:0px;
}
.order-status-hifi .ph-table__exports-options a{
	color: #0066CC;	font-family: Arial;	font-size: 16px;	line-height: 18px;
	font-weight: normal;
    margin-right: 11px;
	text-decoration:none;
}
.order-status-hifi .ph-table{
	border: 1px solid #979797;
}
.order-status-hifi .ph-table__header{
	  border:none;
		background: linear-gradient(45deg, #424242 0%, #424242 100%);
		color: #FFFFFF;
		font-size: 12px;
		}


 .order-status-hifi .ph-table__row:hover{
   	background:none;
}
 .order-status-hifi  table.dataTable tbody tr{
	    border-bottom: solid 3px #dfdfdf;
}
.order-status-hifi td, .order-status-hifi th{
	    padding: 9px;
}
.ph-table__cell a{
	color:#0068cb;
	text-decoration:underline;
	font-weight:bold;
}
.order-status-hifi .ph-nav-group__header{
	padding: 13px 0px 13px 21px;
    font-family: Roboto;
    text-transform: uppercase;
    border: none;
	font-size: 18px;
    font-weight: 500;
    line-height: 21px;
}
.order-status-hifi .ph-nav-group{
	    border: none;
		    padding-bottom: 0px;
}
.order-status-hifi .ph-nav-group__list, .order-status-hifi .ph-form{
	    border: 1px solid #979797;
		border-top:none;
}
.order-status-hifi .ph-nav-group__list li a{
	color: #424242;	font-family: Roboto;	font-size: 14px;	font-weight: 500;	line-height: 16px;
}
.order-status-hifi .ph-nav-group__list li{
	border-bottom: 1px solid #979797;
}
.order-status-hifi .ph-nav-group__list li:last-child {
	border-bottom: none;
}
.order-status-hifi .ph-form label{
	margin:0px;
	    margin-bottom: 9px;
			font-family: Roboto;	
			font-size: 14px;	
			font-weight: 500;	
			line-height: 16px;
			color: #424242;
			    text-transform: uppercase;
}
.order-status-hifi .ph-form{
	padding-top:18px;
	padding-bottom:18px;
}
.order-status-hifi .ph-form input, .order-status-hifi .ph-form select{
	width: 100%;
	border: 1px solid #979797;
	background-color: #FFFFFF;
	border-radius: 0px;
	padding: 5px;
	box-shadow: none;
	font-size:12px;
	font-family: Roboto;
	line-height: 14px;
	
}
.order-status-hifi .ph-form .form-control{
	height:26px;
	color: #080808;
  font-size:12px;
  font-family: Roboto;
  	line-height: 14px;
	
}
.order-status-hifi .submit-button{
color: #fff;
border: 2px solid #424242;

border-radius: 40px;	
background-color: #424242;
font-family: Roboto;	
font-size: 12px;	
font-weight: bold;
line-height: 14px;
padding: 6px 17px;

}


.order-status-hifi .input-group{
	    position: relative;
}
.order-status-hifi .input-group .input-group-addon{
	position: absolute;
    right: 8px;
    top: 3px;
	cursor: pointer;
}
::-moz-placeholder{
	 color: 9d9d9d;
  font-size:12px;
} 
:-ms-input-placeholder{
	 color: 9d9d9d;
  font-size:12px;
}
::placeholder {
  color: #080808;
  font-size:12px;
  font-family: Roboto;
  	line-height: 14px;
	opacity: 0.47;
}
select {
   
    position: relative;
    display: block;
	background: url(..//img/angle-arrow-down.png) 100% no-repeat;
	background-size: 5%;
	background-position-x: 97%;
}
select:after {
    font-family: FontAwesome;
  content: "\f133";
    color: #000;
    padding: 12px 8px;
    position: absolute; right: 0; top: 0;
    background: red;
    z-index: 1;
    text-align: center;
    width: 10%;
    height: 100%;      
    pointer-events: none;
    box-sizing: border-box;   
}

/*Pagination CSS*/
.dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_processing{
	    text-transform: uppercase;
		
}
.order-status-hifi .dataTables_wrapper .dataTables_paginate .paginate_button{
	    font-weight: bold;
		color:#9d9c9c !important;
}
.paginate_button.previous:before {
	content: '\f104';
	font-family: 'FontAwesome';
	margin-right: 20px;
	font-size:20px;
}

.dataTables_paginate a.paginate_button.next:after {
	content: '\f105';
	font-family: 'FontAwesome';
	margin-left: 20px;
	font-size:20px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
	border:none;
}
/*Pagination CSS End*/
.bottom{
	    border-bottom: solid #dddddd 3px;
    float: left;
    width: 100%;
	margin:13px 0px;
}
.bottom select {
	background-size: 25%;
	background-position-x: 97%;
	border:none;
	box-shadow:none;
	color:#9d9c9c ;
}
.dataTables_length label{
	    align-items: center;
		    font-weight: bold;
			color:#9d9c9c ;
}
.order-status-hifi .acknowledged{
	color:#e14300;
}
.order-status-hifi .accepted{color:#f88e00;}
.order-status-hifi .delayed{color:#ff7a7a;}
.order-status-hifi .shipped{color:#5c7f34;}

.order-status-hifi 	.lineItems1 table.ph-table__nested .ph-table__row{
	    background-color:inherit !important;
}
.order-status-hifi 	.lineItems1 table.ph-table__nested{
	    width: 100%;
		border-collapse: collapse;
}

.order-status-hifi .contain-table{
	font-family: "Roboto", Arial, sans-serif;}
	.bottom select{
	padding: 0px .75rem !important;
}
.bottom select:hover, .bottom select:focus{
	box-shadow: none;
    outline: none;
    border: none;
}

body{
	font-family: "Roboto", Arial, sans-serif;
}

#preloader {
    position: fixed;
    height: 100%;
 	left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
}
#preloader #status {
    position: absolute;
    background: url(/assets/img/parker-loading.gif) no-repeat center center rgba(0, 0, 0, 0.8);
    position: absolute;
    height: 100vh;
    width: 100%;
}