#orderTableFixedHeader{
	overflow-x:hidden !important;
	height:156px;
}

#orderTableFixedHeader  #ordersTablehome_wrapper{ 
        margin-top:-2px; 
}
.date-picker-start{
	margin-bottom:20px;
}
.popup-data-holder{
	overflow-y:auto;
	max-height:300px;
}
#select-accnt-error-order-history{
	display:none;
}
#Orderhistorypage .margintop20px{
	margin-top:20px;
}
#Orderhistorypage .change{
	margin-left: 8px;
	font-size: 14px;
}
#Orderhistorypage .amazon{
	margin-top: 10px;
	font-size: 17px;
}
#Orderhistorypage .territory{
	padding-left: 24px;
}

/* Added by lokesh oct 6 */
#Orderhistorypage #datatab-desktop td,th{
	padding-left:15px;
	padding-right:15px;
}
#Orderhistorypage table.table-bordered.dataTable tbody td:last-child {
    text-align: right;
    padding-right: 25px;
}

/* Added by siva */
#Orderhistorypage input.tertiarybtn.pdfdownloadlinks{
	-webkit-appearance:none;
	background:none;
	border:none;
	color:#08a;
}
#Orderhistorypage .reset{
    padding: 10px 40px;
    margin-right: 8px;	
}
#Orderhistorypage .report{
	margin-right: 18px;
}
#Orderhistorypage .jnj-panel-footer{
	margin-top: 0px;
	padding-top: 30px;
	padding-bottom: 15px;
}
#Orderhistorypage .jnj-panel-header{
	padding: 0px 15px 15px 15px;
}
#Orderhistorypage .jnj-panel-body{
	padding: 25px 16px 10px 16px;
}
#Orderhistorypage .btnclsnormal{
	padding: 10px 40px;
}
#Orderhistorypage .btnclsactive{
    padding: 10px 30px;
	margin-left: 10px;
    margin-right: 15px;
}
#Orderhistorypage .mainbody-container{
	-webkit-box-shadow: 0 0 5px 2px #eee;
	-moz-box-shadow: 0 0 5px 2px #eee;
	box-shadow: 0 0 5px 2px #eee;
}
#Orderhistorypage .checkbox label::before{
	top: 1px;
}
#Orderhistorypage  table.table-bordered.dataTable tbody th,#Orderhistorypage  table.table-bordered.dataTable tbody td:first-child,#Orderhistorypage  .table>thead:first-child>tr:first-child>th:first-child{
	padding-left: 30px;
}
#Orderhistorypage .link-holder{
	margin-top:10px;
}
#Orderhistorypage .link-txt{
	margin-right: 10px;
    padding-left: 20px;
}
#Orderhistorypage .toggle-plus-minus{
	margin-right:10px;
}
#Orderhistorypage .sub-details-row{
	margin-bottom:15px  !important;
}
#Orderhistorypage .sub-details-row p{
	margin-bottom:5px !important;
}
#Orderhistorypage .form-label{
	float:left;
	line-height:30px;
	display: inline-block;
	padding-right:10px;
 }
#Orderhistorypage .form-label-date{
	width: 20%;	
 }
#Orderhistorypage .form-label-select{
	width:46%;	
	word-wrap: break-word;
 }
#Orderhistorypage .form-label-select-large{
	width:30%;
 }
#Orderhistorypage .form-element{
	float:left;
	margin:0px !important;
 }
#Orderhistorypage .form-element-select{
	width:54%;
 }
#Orderhistorypage .form-element-date{
	width: 80%;
 }
#Orderhistorypage .form-element-select-large{
	width:70%;
}
#Orderhistorypage .rounded-textbox{
	display:inline-block;
	float:left;
	border-radius:20px;
}
#Orderhistorypage table>tbody>tr>td:nth-child(2){
	text-align: left;
}
#Orderhistorypage table>tbody>tr>td:nth-child(3){
	text-align: left;
}
#Orderhistorypage table>thead>tr>th:last-child{
	padding-right: 30px;
    text-align: right;
}
#Orderhistorypage table>tbody>tr>td{
	padding-top: 25px;
	padding-bottom: 25px;
	vertical-align: top !important;
}
.wordBreak{
	word-break:break-word;
}
.paddingRight8px{
	padding-right: 8px !important;
}
.form-row-gap{
	margin-bottom:20px;
}

@media only screen and (max-width:1024px){
	
	#Orderhistorypage .sub-details-row{
		padding-left: 10px;
	}
	#Orderhistorypage table.dataTable thead .sorting:after{
		margin-left: 22px;
	}
	#Orderhistorypage table>thead>tr>th:last-child{
		text-align: center;
		width:90px;
	}
	#Orderhistorypage table>thead>tr>th:nth-child(3){
		text-align: left;
	}
	#Orderhistorypage .margintop20px{
		margin-top: 0px;
	}
	#Orderhistorypage .margintopipad20px{
		margin-top: 20px;
	}
	#Orderhistorypage .marginbottomipad25px{
		margin-bottom: 0px;
	}
	#Orderhistorypage .textheightipad{
		line-height: 18px;
	}
	#Orderhistorypage .form-label-date{
		padding-top: 5px;
		width:30%;
	}
	#Orderhistorypage .form-element-date{
		width:70%;
	}
	#Orderhistorypage .form-label-select{
		padding-top: 8px;
		width: 30%;
	}
	#Orderhistorypage .form-element-select{
		width:70%;
	}
	#Orderhistorypage .form-label-select-large{
		width:30%;
	}
	#Orderhistorypage .ipadterritory{
		padding-left: 10px;
	}
	#Orderhistorypage .details{
		margin-top: 10px;
		margin-left: 25px;
		padding: 0px !important;
	}
	#Orderhistorypage .ipadacctoggle{
		display: inline;
	}
	#Orderhistorypage .linestatus{
		line-height:20px !important;
	}
	#Orderhistorypage .ipadacctoggle .toggle-plus-minus{
		margin-right: 10px;
	}
	#Orderhistorypage .jnj-panel-footer{
		padding-bottom:20px;	
	}
	#Orderhistorypage .orderno{
		width: 154px !important;
	}
	#Orderhistorypage .form-label{
		line-height:18px !important;
	 }
	 #Orderhistorypage .form-label-select {
	    padding-top: 0px;
	}
}
@media screen and (max-width: 767px) {
	
	#Orderhistorypage .jnj-panel-body{
		padding: 20px 16px 20px 16px;
	}
	#Orderhistorypage .searchby{
		margin-bottom: 20px !important;
	}
	#Orderhistorypage .jnj-panel{
		padding: 15px 0px 40px 0px;
	}
	#Orderhistorypage .link-holder{
		text-align:center;
		position:absolute;
		margin-top: 111px;
	}
	#Orderhistorypage .link-txt{
		margin-right: 20px;
		padding-left: 0px;
	}
	#Orderhistorypage div.dataTables_wrapper div.dataTables_info{
		float: left;
		margin: 20px 0px 0 30px;
	}
	#Orderhistorypage table>tbody>tr>td{
		padding-bottom: 0px;
	}
	#Orderhistorypage table.dataTable{
		margin-bottom: 20px !important;
	}
	#Orderhistorypage .selectchkbox{
		float:left !important;
	}
	#Orderhistorypage .change{
		margin-left: 0px;
	}
	#Orderhistorypage .form-label-select{
		width: 33%;
	}
	#Orderhistorypage .form-element-select{
		width:67%;
	}
	#Orderhistorypage .form-label-date{
		width:33%;
	}
	#Orderhistorypage .form-element-date{
		width:67%;
	}
	#Orderhistorypage .form-label-select-large{
		width:31%;
	}
	#Orderhistorypage .form-element-select-large{
		width:69%;
	}
	#Orderhistorypage .territory{
		padding-left: 2px;
	}
	#Orderhistorypage .ipadterritory{
		padding-left: 0px;
	}
	#Orderhistorypage .searchbtn{
		width: 100%;
		margin: 0px 0px 20px 0px;
	}
	#Orderhistorypage .reset{
		width: 100%;
		margin-right: 0px;
	}
	#Orderhistorypage .marginbottomipad25px{
		margin-bottom: 0px;
	}
	#Orderhistorypage .margintop20px{
		margin-top: 15px;
	}
	#Orderhistorypage .analysisvariable{
		margin-top: 20px;
		margin-bottom: 0px;
	}
	#Orderhistorypage .orderedfrom{
		margin-top: 20px;
	}
	#Orderhistorypage .btn-mobile{
		float: none !important;
	}
	#Orderhistorypage .linestatus{
		margin-top: 20px;
	}
	#Orderhistorypage .linestatustext{
		margin-top: -5px;
	}
	#Orderhistorypage .details{
		margin-left: 14px;
	}
	#Orderhistorypage .jnj-panel .jnj-panel-body :nth-child(2){
		margin-bottom: 0px;
	}
	.date-picker-end{
		margin-bottom:15px !important;
	}
	#Orderhistorypage .sub-details-row{
		line-height: 18px;
		margin-bottom: 12px !important;
	}
	#Orderhistorypage .panel-body{
		padding-bottom: 0px;
	}
	#Orderhistorypage table>tbody>tr>td:nth-child(2){
		text-align: center;
		padding-right: 27px;
	}
	
}
 border-bottom: 1px solid #f2f2f2;
/* change account popup css */
#changeAcntPopup .searchBox{
	display: inline-block;
	width:73%;
	border-radius:15px;
}
#changeAcntPopup .searchBtn {
    top: 4px;
    right: 43px;
    color: #0a8caa;
}
#changeAcntPopup .clearbtn{
	width:20%;
}
#changeAcntPopup  .accountsMargin{
	padding: 0px 7px;
	margin-bottom: 10px;
}
#changeAcntPopup hr{
	margin:0;
}
#changeAcntPopup .checkbox label::before {
    top: 1px;
}
#changeAcntPopup  #orderHisSearchSelectAccountBtn {
	right: 26px !important;
}
#changeAcntPopup .selectAllHeader{
	padding: 10px 0 15px 45px !important;
    border-bottom: 1px solid #f2f2f2;
}
.width20percent{
	width:20%;
}

#modalBodyAndFooter .OKBtn{
margin-top: 20px;
}
#modalBodyAndFooter .clsBtn{
font-size: 11px !important;
}
#changeAcntPopup .favoriteSection {
	border: none !important;
	border-bottom: 1px solid #f2f2f2 !important;
}
#changeAcntPopup  .modal-body{
	padding:20px 25px 5px 25px;
}
#changeAcntPopup  .modal-body .form-group{
	margin-bottom: 0;
}
.cell-pad-right{
	padding-right:15px !important;
}
.tab-text-left{
	text-align:left !important;
}
.tab-text-right{
	text-align:right !important;
}
.tab-text-center{
	text-align:center !important;
}
.tab-col-1{
padding-left:30px !important;
}

.consignment-label-select{
	width: 35%;
    word-wrap: break-word;
}
.consignment-element-select{
	width: 65%;
}
.orderHistory .orderNO{
	width:500px !important;	
}
/* modify franchise popup */
#changeFranchisePopupForUsr  .accountsMargin{padding: 0px 25px 0px 25px;margin: 20px 0 20px 0;}
#changeFranchisePopupForUsr  .modalbody{padding: 0px;}
#changeFranchisePopupForUsr  .selectAllHeader{margin-bottom:0px;padding: 10px 0 15px 45px !important; border-bottom: 1px solid #f2f2f2;}
.modal-header {
    border-bottom: 1px solid #f2f2f2;
}
.searchArea-usm{
	width: 78%;display: inline-block;padding-right: 15px;
}
.clear-btn-css{
	width:20%;display: inline-block;
}
.clear-btn-css .clearSelectAccountBtn{ width:100% !important; }
.search-content-holder{
	padding:20px 15px 5px 25px
}
/* AAOL-6771 Start */
a.invoiceNumber{
	display: block;
}
/* AAOL-6771 End */
/*AAOL-7653 - Start*/
label.pg-dropdown-label {
	text-align: left;
    white-space: nowrap;
    line-height: 40px;
    font-weight: normal;
}

.bg-white-pad{
	background: #fff;
	padding: 20px 15px 10px 15px;
	box-shadow: 0 0 5px 2px #eee;
}

.bg-white-pad .dropdown-toggle.btn-default {
	margin-bottom: 0px !important;
    width: 136px !important;
    height: 40px;
    background-position: 92% 12px !important;
}

.custom-pg-info{
	line-height: 40px;
}

#custom-pg-btn .pagination {
	margin: 0;
}

#orderHistoryTable th{
	text-transform: uppercase;
    font-size: 11px !important;
    height: 25px;
    vertical-align: middle;
    cursor: pointer;
    font-weight: normal;
}

#orderHistoryTable thead th.sort:after{
	position: relative !important;
    left: 8px;
    display: inline;
    font-family: FontAwesome,sans-serif;
    font-size: 12px;
    opacity: 0.5;
    content: "\f0dd";
    top: -2px;
}
#orderHistoryTable thead th.sort.sort_asc:after {
    content: "\f0de";
    top: 3px;
    opacity: 1;
}
#orderHistoryTable thead th.sort.sort_desc:after {
    content: "\f0dd";
    top: -2px;
    opacity: 1;
}
#orderHistoryTable thead th.sort.sort_asc, #orderHistoryTable thead th.sort.sort_desc {
     font-weight: bold;
}

/*AAOL-7653 - end*/

/*Changes for AEKL-1215 Start*/
#Orderhistorypage .form-element-select.franchise-orderHistory{
	width: 100%;
	
}

#Orderhistorypage .accessLevelHeight {
	margin-top: 42px;
}

#Orderhistorypage .accessLevelHeight-sub {
	margin-top: 42px;
}

.padding25{
	padding:25px;
}

#modalBodyAndFooter .padding25{
	padding:25px !important;
	margin-top: -20px !important;
}
#changeAcntPopup .favoriteSection .favoriteTitle {
    padding: 25px 10px 0px 0px;
    
}
#changeAcntPopup .selectchkbox {
	padding: 15px 10px 5px 15px;
}
#changeAcntPopup .accountTitle {
	font-weight: bold;
	font-size: 15px;
	padding: 25px 10px 0px 0px;
}
#changeAcntPopup .codeColor {
	color: #0a8caa;
	font-size: 16px;
	font-weight: bold;
}
#changeAcntPopup .descSpace {
	padding-left: 8px;
}
#changeAcntPopup .contract-check-content {
	padding-left: 0px !important;
}
#changeAcntPopup .modal-dialog {
	background-color: #fff;
	width: 550px !important;
}
#changeAcntPopup .jnj-popup .modalcls {
	top: 0 !important;
}
#changeAcntPopup .noPadding {
	padding-left: 0;
	padding-right: 0;
}
#changeAcntPopup .modal-account-yscroll {
	border-bottom: 1px solid #e5e5e5;
	min-height: 320px;
}
.selectchkbox #contract-head-chck-label {
	padding-top: 0 !important;
}
@media only screen and (max-width: 767px) {
	#Orderhistorypage .multiselect.multiselectwidth54 {
	    width: 67%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	#Orderhistorypage .multiselect.multiselectwidth54 {
	    width: 70%;
	}
}
@media only screen and (min-width:300px) and (max-width:767px)
{
	#changeAcntPopup .modal-dialog {
		
		width: 340px !important;
	}
	.search-txt-box
	{
		width:59% !important;
	}
	#changeAcntPopup .searchBox
	{
		width:102% !important;
	}
	#changeAcntPopup #orderHisSearchSelectAccountBtn
	{
		right:-13px !important;
	}
	#ContractDetailsPage .selectchkbox
	{
		padding:0px !important;
		float:left;
		left:5px;
	}
	#ContractDetailsPage .contract-check-content {
    padding-left: 10px !important;
    left:4px;
    position: relative;
    float: left;
    width: 98%;
    display: inline-block !important;
}
.favoriteTitle 
{
	width:47%;
	padding-right:0px;
}
.accountTitle 
{
	width:47%;
	padding-right:0px;
}
.for-landscape-mobile-na
{
	width: 53% !important;
    padding: 0px;
    top: 15px;
    left: 5px;
}
.favoritesSelectedButton 
{
	width: 53%;
    padding: 0px;
    top: 15px;
    left: 5px;
}

#Reportspage .reset
{
	width:36% !important;
}
}

/*Changes for AEKL-1215 end*/

/*Changes for AEKL-1777 & AEKL-1779 Start*/
@media only screen and (max-width: 1024px) and (min-width: 768px){
.bg-white-pad.orderHistoryTabPagnBox {
    display: block;
}	
}
/*Changes for AEKL-1777 & AEKL-1779 end*/

/*AEKL-1544*/
.contractNumberIcon.fa.fa-download{
	color: #0c8caa;
	opacity: 1;
} 


.selectBox-subfran .dropdown-menu.open {
	display:none !important;
}#changeAcntPopup
{
	    overflow-y: hidden !important;
}

/* order history new Popop desing */

#otherAccountsTitle, #favoriteAccountsTitle{
    display: flex;
    align-items: center;
        justify-content: space-between;
}
#favoriteAccountsTitle .favoriteTitle,#otherAccountsTitle .accountTitle{
    font-size: 15px;
    font-weight: bold;
}
#newOrderHistoryChangeAcntPopup .accountsMargin{
    margin-left: 20px;
    padding: 0px 7px;
    margin-bottom: 10px;
}
#newOrderHistoryChangeAcntPopup .selectchkbox {
    padding: 15px 10px 5px 15px;
}
#newOrderHistoryChangeAcntPopup .contract-check-content {
    padding-left: 10px !important;
}
#newOrderHistoryChangeAcntPopup .codeColor {
    color: #0a8caa;
    font-size: 16px;
    font-weight: bold;
}
#newOrderHistoryChangeAcntPopup .descSpace {
    padding-left: 8px;
}
#newOrderHistoryChangeAcntPopup .searchBtn {
    color: #0a8caa;
}
#newOrderHistoryChangeAcntPopup #newOrderHisSearchSelectAccountBtn{
    top: -24px !important;
    right: 10px !important;
    position: relative;
    float: right;
}