.dataTables_empty{text-align:center !important}
.po-number-cell{width:100% !important}
#successAddTemplateToCart .panel-success{border-color: white !important;}

/* Start : Expand Order detail */
.orderEntryDetail {clear:both;}
.orderEntryDetail .orderDetRow .column3{width:150px !important;}
.orderEntryDetail .orderDetRow .column4{width:200px;}
.orderEntryDetail .orderDetRow .column4 p{padding-left: 65px;}
.orderEntryDetail .orderDetRow .column5{width:100px;}
.orderEntryDetail .orderDetRow{border-bottom: none;}
.orderEntryDetail{border-bottom: 1px solid #e5e5e5;}
.orderDetBody .orderDetRow .expendOrderDetailArrow{text-indent: -9999px;white-space: nowrap;}
.orderDetBody .orderDetRow .expendOrderDetailArrowHistory{text-indent: -9999px;white-space: nowrap;}
.rightArrow{background: url("../images/icon-expandcollapse.gif") no-repeat scroll center -36px transparent;cursor: pointer;margin-right: 95px;}
.downArrow{background: url("../images/icon-expandcollapse.gif") no-repeat scroll center -19px transparent;cursor: pointer;margin-right: 96px;}
.orderEntryDetail{display: none;float: none !important;}
.shoppingCartPage .reviewOrder .column1 {padding: 20px 10px 0;}
#orderEntryDetail .column1{padding: 20px 1px 0;}
/* End : Expand Order detail */
/*AFFG-21357 */
.orderDetailBannerTable {
	margin-bottom: 12px;
}

.billOnlyRow {
	margin: 0px;
}

.billOnlyCol {
	text-align: center;
    background-color: #CFF3FB;
    color: #0A8CAA;
    margin: 0px;
}

.alignText {
	text-align: center;
	padding-left: 0px;
}
/*END-AFFG-21357 */
#template-searchbyNA .bootstrap-select {
	width: 71%
}
.orderDetailsTable table.table-bordered tbody td{
	padding: 6px;
}
.hiddenNA
{
	display: none !important;
}
.dscsa-img{
	float: right;
    width: 100px;
}

.disputeToEmail{
	width:310px !important;
}
#replacementItemOrder-popup {
	display: none;
}
#replacementItemOrder-popup .orderItemDesc{
	width: 25%;
}
#replacementItemOrder-popup  .replacementItemdDesc {
	width:25%;
	white-space:nowrap;
	text-align:left;
}
#replacementItemOrder-popup .replace-item-qty-disable {
	margin-bottom: 5px;
}
#replacementItemOrder-popup .spaceBetweenItems {
	background-color: white;
	padding:15px;
}
#replacementItemOrder-popup .alternates-popup-title {
	padding:10px 20px;
}
#replacementItemOrder-popup .alternates-popup-title .fa {
	color: #a94442;
	padding-right: 10px;
}
#replacementItemOrder-popup table tr td {
	text-align: start;
}
.replacementTableVerticalAlignTop
{
	vertical-align: top;
}
#replacementItemOrder-popup .modalcls {
		width: 70%;
		top: 10%;
	}
.alternatesLink {
	margin-top: 2.5%;
    margin-left: 2%;
}
#quickaddcart-popup .modal-dialog.modalcls.dynamicWidth {
	width: 825px !important;
}

#quickaddcart-popup .errMsgHolder {
	display: inline-block;
}

@media screen and (max-width: 992px) {
	  #details-info .boderstyle:first-child .vertical-parent-class {
		 padding-left:unset; 
	  }
	  #details-info .boderstyle:last-child{
		position: unset;
	  }
	  
	  #map-info .boderstyle{
	  	max-width: unset;
	  }
	  #map-info .boderstyle:first-child .vertical-parent-class {
	  	padding-left: unset;
	  }
	  #map-info .boderstyle:last-child{
	  	position: unset;
	  }
}

@media only and screen (max-width: 1024px) {
	#replacementItemOrder-popup .modalcls {
		width: 85%;
		top:15%;
	}
	#quickaddcart-popup .modal-dialog.modalcls.dynamicWidth {
		width: 530px !important;
	}
	
	#quickaddcart-popup .errMsgHolder {
		display: block;
	}

}
@media only and screen (max-width: 767) {
	#replacementItemOrder-popup .modalcls {
		width: 55%;
		top: 20%;
	}
}
#changeAcntPopup .modal-dialog {
	top:10px;
}
.selectchkbox.inlineCheckbox {
	padding-top: 7px;
    padding-bottom: 13px;
    margin-top: 0;
    margin-bottom: 0;
}

.subDetailsTableCellLabel{
     word-break: break-word;
}

.na-hidden {
    display: none;
}

.na-text-center {
    text-align: center !important;
}

.na-md-border-left {
    border-left: 0;
}

.na-md-pb-10 {
    padding-bottom: 0px;
}

.na-py-25 {
    padding: 25px 0;
}

.na-pl-15 {
    padding-left: 15px;
}
#shipping-detail-popup #shipping-detail-panel .shipping-detail-row  p {
	word-wrap: break-word;
}
.p-l-3 {
	padding-left: 3px;
}

@media (min-width: 768px) {
    .na-md-border-left {
        border-left: 1px solid #f2f2f2;
    }

    .na-md-pb-10 {
        padding-bottom: 10px;
    }

    .na-md-pt-0 {
        padding-top: 0;
    }
}
.displayFlex {
	display: flex;
}
.mt-0 {
	margin-top: 0;
}
.mb-0 {
	margin-bottom: 0;
}
div.shippingAddressDetails {
	display: flex;
	flex-wrap: wrap;
}
.orderDetailsAndStatus p {
	font-size: 14px;
}
.propackTableRowWithSubDetails {
	background-color: gray !important;
	color: #ffffff;
}
.propackTableRowWithSubDetails .stars {
	position: relative;
	top: -5px;
	left: 10px;
}
.propackTableRowWithSubDetails a {
	color: #ffffff;
}
.propackTableRowWithSubDetails td {
	border: 0 !important;
	vertical-align: center;
}
.propackTableRowWithSubDetails.shownDetils+tr td {
	background-color: transparent;
	border-right: 1px solid #f2f2f2;
}
.propackTableRowWithSubDetails+tr tr:nth-of-type(odd) td {
    background-color: #fff;
}
.propackTableRowWithSubDetails.shownDetils+tr>td {
	padding: 0 !important;
}
.propackTableRowWithSubDetails+tr tr:nth-of-type(even) td{
    background-color: #f9f9f9;
}
.propackTableRowWithSubDetails+tr table.table th {
	padding: 8px !important;
}
.orderDetailsEntriePropak .productCol {
	width: 240px !important; 
}
.orderDetailsEntriePropak .total-price-cell {
	width: 40px !important;
}
.propackTableRowWithSubDetails .star-order-detail-Kit {
	float: none;
}
.propackTableRowWithSubDetails .star-order-detail-Kit.teal-star{
	color: #12C2E9;
}
.m-0 {
	margin: 0;
}
#templateLanding .searchglyph {
	z-index: 1 !important;
}

#realTimeTrackingDMapContainer {
    width: 988px;
    height: 500px;
}


/*RealTimeTracking - Start */
.jnj-tab-body {
	display: none;
}
.jnj-tab-body.active {
	display: block;
}
.jnj-tab-holder .jnj-tab {
	border-radius: 0;
    color: #0a8caa;
    background-color: white;
    background-image: none;
    padding: 10px;
    border: 1px solid #ccc;
    margin: 0;
    font-size: 14px;
}
.jnj-tab-holder .jnj-tab.active {
	color: #ffffff;
    background-color: #0a8caa;
    border: 1px solid #0a8caa;
}
.jnj-tab-holder .jnj-tab .fa {
	color: inherit;
	opacity: 1;
}
.realTimeTracking-btn.green {
	padding: 5px 10px;
	background-color: #00ad57;
	border: 0;
	color: #ffffff;
	box-shadow: none;
	outline: 0;
}


/*RealTimeTracking -End */


.shipment {
    width: 100%;
}

.shipment-head {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.head-left {
    display: flex;
    flex-direction: column;
    width: 50%;
}

.head-right {
    display: flex;
    flex-direction: column;
    justify-content: right;
    width: 50%;
}

.current-shipment-status {
    font-size: 28px;
}

.square-label-green {
    font-size: 14px;
    padding: 5px 15px;
    color: #fff;
}

.distance-label {
    font-size: 30px;
    text-align: right;
}

.distance-info {
    font-size: 14px;
    text-align: right;
}

.shipment-body {
    width: 100%;

}

.hide {
    display: none !important;
}


.shipment-icon-wrapper {
    width: 100%;
    display: flex;
    margin-bottom: 20px;
}

.shipment-icon-truck {
    height: 65px;
    width: 65px;
    margin-left: 50%;
    margin-top: -8px;
    transform: translateX(-50%);
}

.shipment-info-primary {
    text-align: center;
    font-size: 20px;
    margin-bottom: 6px;
}

.shipment-info-secondary {
    text-align: center;
    font-size: 18px;
}

.shipment-progress {
    width: 100%;
    margin-top: 25px;
}

.current-shipment-progress {
    white-space: nowrap;
}

.progress-component-container {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    margin: 0;
    padding: 0 32px;
  }

  .progress-component-step {
    flex-grow: 1;
    box-sizing: border-box;
    display: flex;
    align-items: center;
  }

  .progress-component-dot-latest {
    background-color: #fff;
    max-width: 24px;
    height: 24px;
    flex-grow: 1;
    border-radius: 50%;
    border: 1px solid #018aab;
    position: relative;
    overflow: visible;
  }

  .progress-component-dot-latest > .progress-component-dot {
    transform: translate(2px, 2px);
  }

  .progress-component-dot {
    background-color: #018aab;
    max-width: 18px;
    height: 18px;
    flex-grow: 1;
    border-radius: 50%;
    border: 3px solid #fff;
    position: relative;
    overflow: visible;
  }

  .progress-component-label {
    position: absolute;
    top: -55px;
    right: -15px;
    width: 160px;
  }

  .progress-component-dot-info {
      color: #888;
      font-size: 12px;
      position: absolute;
      bottom: -25px;
      width: 50px;
      left: 10px;
      transform: translateX(-50%);
  }

  .dot-active {
    color: #000 !important;
    font-weight: 500;
    width: 70px !important;
    transform: translateX(-50%);
  }

  .dot-active-middle {
      color: #000 !important;
      font-weight: 500;
      width: 70px !important;
      transform: translateX(-50%);
      bottom: -30px !important;
    }

    .progress-component-dot-middle {
        position: absolute;
        color: #888;
        font-size: 12px;
        bottom: -25px;
        width: 60px;
        left: 50%;
        transform: translateX(-50%);
    }

  .progress-component-label-title {
      font-size: 18px;
      text-align: right;
  }

  .progress-component-label-info {
      font-size: 14px;
      text-align: right;
  }

  .progress-component-bar {
    background-color: #018aab;
    flex-grow: 1;
    height: 4px;
    position: relative;
    overflow: visible;
  }

  .progress-component-bar-info {
        color: #888;
        font-size: 12px;
        position: absolute;
        bottom: -25px;
        width: 60px;
        left: calc(50% + 10px);
        transform: translateX(-50%);
    }

    .shipment-footer-container {
        border-right: 1px solid #E5E5E5;
		padding: 0 20px;
        display: flex;
        flex-direction: column;
        text-align:center;
    }
    
    .shipment-footer-container:last-child {
    	border-right:none;
	}

    .shipment-footer-container-head {
        font-size: 18px;
        color: #ccc;
        text-transform: uppercase;
        margin-bottom: 5px;
    }

    .shipment-footer-container-item {
        font-size: 19px;
    }

    .shipment-footer-container-item-mini {
        font-size: 14px;
        color: #41a7bf;
        margin-bottom: 2px;
        font-weight: 500;
    }

    .progress-component-dot-latest-middle {
            background-color: #fff;
            max-width: 24px;
            height: 24px;
            flex-grow: 1;
            border-radius: 50%;
            border: 1px solid #018aab;
            position: relative;
            overflow: visible;
            margin-left: 50%;
            transform: translate(-9px, -10px);
            z-index: 1;
          }

          .progress-component-dot-latest-middle > .progress-component-dot {
            transform: translate(2px, 2px);
          }

          .progress-component-dot-latest-middle > .progress-component-label {
            position: absolute;
            top: -55px !important;
            right: -66px !important;
            width: 160px !important;
            text-align: center !important;
          }

          .progress-component-dot-latest-middle > .progress-component-label > .progress-component-label-title {
            text-align: center !important;
          }

          .progress-component-dot-grey {
              background-color: #ccc !important;
            max-width: 18px;
            height: 18px;
            flex-grow: 1;
            border-radius: 50%;
            border: 3px solid #fff;
            position: relative;
            overflow: visible;
          }

          .progress-component-bar-second-half {
            background-color: #ccc;
            flex-grow: 1;
            height: 4px;
            position: relative;
            overflow: visible;
            width: 50%;
            margin-left: 50%;
            transform: translateY(-24px);
          }

          .progress-component-bar-full-grey {
            background-color: #ccc;
            flex-grow: 1;
            height: 4px;
            position: relative;
            overflow: visible;
            width: 100%;
          }

   #map {
      width: 1100px;
      height: 500px;
      min-width: 500px;
      min-height: 500px
   }

   #map-btn{
    margin-right:-8px;
   }

  .progress-component-label
  {
      font-family: jnjbodyfont,Arial,sans-serif;
      font-weight: bold;
  }

  .progress-component-label-info{
      font-family: jnjbodyfont,Arial,sans-serif;
      font-weight: bold;
      font-size: 12px;
  }

  #realTimeTrackingDMapContainer{
     width:100%;
  }
  #map{
    width:100%;
  }
  hr.horizontal-line {
      margin-top: 40px;
      margin-bottom: 0px;
      max-width: 95%;
  }

  .dot-active{
      font-weight:bold;
      font-family: jnjbodyfont,Arial,sans-serif;
  }
  .current-shipment-progress{
        display:content;
  }
  .current-shipment-progress.green{
    display:flex;
  }

  .shipment-footer-container-head{
      font-size: 14px;
      color: #828282;
      font-family: jnjbodyfont,Arial,sans-serif;
  }
  .shipment-footer-container-item {
      font-size: 14px;
      font-weight: 700;
      font-family: jnjbodyfont,Arial,sans-serif;
  }
  .shipment-footer-container-item-mini{
      font-weight:700;
      font-family: jnjbodyfont,Arial,sans-serif;
  }

  #details-info{
         padding-left: 15px;
         position: relative;
     }

     #details-info .boderstyle .row .vertical-parent-class{
         display: flex;
         text-align: left;
         max-width: 100%;
     }
     
     #details-info .boderstyle:first-child .vertical-parent-class{
    	padding-left: 25%;
	 }

     #details-info .boderstyle .row .vertical-class{
         display: inline;
         text-align: center;
     }
     #details-info .boderstyle .row .vertical-class .title1{
         margin-bottom:0px;
     }

     #details-info .boderstyle .row .vertical-class .title2{
        font-weight: 700;
     }

    #details-info .boderstyle .row .vertical-parent-class .brstyle{
         border-left:1px solid #E5E5E5;margin:auto;height:60px;
     }

    #details-info .boderstyle:last-child .row .vertical-parent-class .brstyle{
         border:none !important;

     }
     
     #details-info .boderstyle:last-child{
    	position: absolute;
    	right: 75px;
    	top: 47px;
	}

     #map-info{
           padding-left: 15px;
           position: relative;
       }
       

       #map-info .boderstyle .row .vertical-parent-class{
           display: flex;
           text-align: left;
           max-width: 100%;
       }

       #map-info .boderstyle .row .vertical-class{
           display: inline;
           text-align: center;
       }
       #map-info .boderstyle .row .vertical-class .title1{
          margin-bottom:0px;
       }

       #map-info .boderstyle .row .vertical-class .title2{
           font-weight: 700;
           display: block;
       }
       
       #map-info .boderstyle:last-child .vertical-class .title2{
       		display:block;
       	}
       	
      #map-info .boderstyle{
	  		max-width: 20%;
	  }
	  #map-info .boderstyle:first-child .vertical-parent-class {
	  		padding-left: 20%;
	  }

      #map-info .boderstyle .row .vertical-parent-class .brstyle{
           border-left:1px solid #E5E5E5;margin:auto;height:60px;
       }
       
      #map-info .boderstyle:last-child .row .vertical-parent-class .brstyle{
           border:none !important;

       }
       
       
       .browserTTerror{
       		margin-top: 0px;
       		display: none;
    		color: rgb(180, 22, 1);
    		font-size: 16px;
    		font-weight: bold;
       }

		@media only screen and (max-width: 775px) {
			#details-info {
				padding-left: 15px;
				position: relative;
				left: 250;
			}
			.m-b-20 {
				margin-bottom: 20px;
				margin-left: 250;
			}
		}
		
		@media only screen and (max-width: 570px) {
			.m-b-20 {
				margin-bottom: 20px;
				margin-left: 150;
			}
			#details-info {
				padding-left: 15px;
				position: relative;
				left: 150;
			}
		}
		
		@media only screen and (max-width: 450px) {
			.progress-component-label-title {
				font-size: 18px;
				text-align: right;
				margin-top: 10px;
			}
		}
		
		@media only screen and (max-width: 450px) {
			.m-b-20 {
				margin-bottom: 20px;
				margin-left: 50;
			}
			#details-info {
				padding-left: 15px;
				position: relative;
				left: 90;
			}
		}
		
		@media only screen and (max-width: 1330px) {
			#map-info .boderstyle {
				max-width: 29%;
			}
		}
		
		@media only screen and (max-width: 420px) {
			#map-info .boderstyle {
				max-width: 50%;
			}
		}
		
		.shipment-footer {
			display: flex;
			flex-direction: row;
			justify-content: center;
			margin-top: 50px;
			flex-wrap: wrap;

			}
			
		th.no-sort.sorting_disabled {
		width: 55px;
		}

       .centered {
           text-align: center;
           padding: 18px 0px;
           border-top: 1px solid #f2f2f2;
       }
       .invoicedetail-paymenturl {
           display: flex;
            padding: 2px 27px;
            border: 1px solid #dedede;
            border-radius: 10px;
            margin-left:184px;
       }
       #payment-service-text {
       vertical-align:sub;
       }
.modal-body-shipping{
	padding: 0px 25px 15px 25px !important;
}
.modal-header-shipping{
	padding: 15px 25px 0px 25px !important;
    border-bottom: none;
}
.hr-sipping{
	margin-top:0px !important;
	margin-bottom:10px;
	border-top:1px solid #a9a5a5;
}
#shipping-detail-panel{
	padding: 0px 0px !important;
}