/*!
 *  Medline - Ecomm Team
 *  Pages Includes - 
 	1. Create Return Flow
 * 
 * -------------------------- */
 
/*!                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
 * @Common For All Pages */
 
/* Functionality :: Create Return */

#medTransactionSearch h3,
.medContent #medActActnContainer h3
{
	color: #444;
	font-size: 18px;
	font-family: GloberBold;
}

#ReturnMainTable .medActGridTable th
{
	font-weight: 400;
}

.medContent .medReturnReason td label,
#ReturnMainTable td label,
form#onlineReturnForm .medReturnTableRight td label,
form#onlineReturnForm .medReturnTableLeft td label,
form#onlineReturnForm td label,
form#onlineReturnForm div label
{
	color: #000;
	font-size: 13px;
}

form#onlineReturnForm div label span.hyphenText{
	    white-space: nowrap;
}

.medContent .medReturnReason td p
{
	padding: 10px 0 0;
	font-size: 12px;
}

#ReturnMainTable tr.yellowBcg
{
	background-color: #FFFEDC;
}

#ReturnMainTable tr.noYellowBcg
{
	background-color: white;
}

#ReturnMainTable tbody textarea.transferDescription {
	margin-bottom: 0 !important;
	min-height: 20px;
	width: 340px;
	overflow-x: hidden;
	overflow-y: scroll;
	vertical-align: middle;
}

#ReturnMainTable tbody span.astriskTextDesc{
    font-size: 23px;
    vertical-align: inherit;
    margin-right: 10px;	
}

.creditTotalColor{
	color: #DE350B !important;
	font-weight: bold !important;
}

#ReturnMainTable input[name="ReturnedQuantity"]
{
	width: 40px;
	border-color: #56A7DB;
}

#ReturnMainTable .medNoBorderTd, 
#ReturnMainTable td,
#ReturnMainTable th
{
	padding: 10px 3px 7px; 
	border-top: none;
	font-weight: 400;
}

#ReturnMainTable td.noHrPadding{
	padding:0;
}

#ReturnMainTable tr#scrollableColumnWidth:nth-child(odd){
	background-color: #EFEFEF;
}

#ReturnMainTable tr#scrollableColumnWidth input.medCheckBox{
  height: 18px;
  width: 18px;
  vertical-align: sub;	
}

#ReturnMainTable .medNoBorderTd div.noWrapErrorIcon,
.medItemFaErrorText div.noWrapErrorIcon{
	display: inline-block;
	vertical-align: top;
}

#ReturnMainTable .medNoBorderTd span.noWrapErrorText{
	display: inline-block;
	width: 97%;
}

.fixedTableDiv{
	border: 1px solid #d7d7d7;
	background-color: #d7d7d7;
}
.fixedTableHeader th{
	 padding: 10px 3px 7px; 
	border-left: 1px solid white;
	vertical-align:middle;
}

.fixedTableHeader th.return{
	 font-size: 11px
}

.scrollableDiv,[class*="osiScrollableTable"]{
	max-height: 400px;
	border: 1px solid #d7d7d7;
}

[class*="slipData"] div[class*="osiScrollableTable"]{
	max-height: none;
	border: none;
}

.scrollableDiv table#ReturnMainTable{
	margin: 0;
}
 .noScrollbarContent{
    overflow: hidden;
} 

.ScrollbarContent{
	overflow-x: hidden;
	overflow-y:auto;
}

#ReturnMainTable .noScrollDivHeader{
	visibility: collapse;
}

.noReturnTableBorder{
	border: none !important;
}

.priceAlign{
	text-align: right;
}

#onlineReturnForm .medReturnTableRight, #onlineReturnForm .medReturnTableRight td
{
	border: none;
}

form#onlineReturnForm .medReturnTableRight .medValueLast,
form#onlineReturnForm .medReturnTableRight .Last
{
	background-color: #fff;
	padding-top: 10px;
    padding-bottom: 25px;
}

form#onlineReturnForm .medReturnTableRight td label,
form#onlineReturnForm .medReturnTableRight span
{
	font-size: 14px;
	font-weight:400;
}

form#onlineReturnForm .medReturnTableRight span#returnTotalValue,
form#onlineReturnForm #ReturnMainDiv .medReturnTableRight .medValueLast
{
	font-family: GloberBold;
}


form#onlineReturnForm div.formButtons .btnCancel,
.btnCancel,
form#onlineReturnForm div.formButtons #btnNext,
form#onlineReturnForm div.formButtons #returnSubmit{
	float: right;
}

form#onlineReturnForm div.formButtons
{
	clear: both;
	padding-top: 20px;
}
#step2Return .returnSubHeading h1,
#step3Return .returnSubHeading h1
{
	border: 0;
	color: #444444;
    font-weight: 700px;
    text-align: center;
    margin-bottom: 10px;
}

#step3Return p
{
	padding: 15px 0;
}

#step3Return p.terms
{
    float: right;
    padding: 5px;
    margin-top: 20px;
    clear: both;
}

#step3Return p.terms.pedigree
{
	margin-right: 175px;	
}

#step3Return p.terms a span
{
      font-size: 20px;
      vertical-align: sub;
}

div.medContent .divLeftAligned
{
	display: inline-block;
	width: 40%;
	padding:12px;
	vertical-align: top;
}

div.medContent .divRightAligned
{
	display: inline-block;
	width: 50%;
	margin-left: 15px;
	padding:12px;
	
}

div.medContent .divRightAligned div#returningItems{
	max-height: 135px;
    overflow-y: auto;
    overflow-x: hidden;
	padding-left: 15px;
}

div.medContent .divRightAligned #description{
	padding-left: 15px;
	margin-bottom: 7px;
	margin-top: 10px;
}

div.medContent .divRightAligned span.astriskField,
div.medContent .divLeftAligned span.astriskField{
	font-size: 20px;
	vertical-align: sub;
}

div.medContent .divRightAligned span.uneditableDesc{
	font-size: 11px;
}

div.medContent .divRightAligned textarea.readOnly{
	background-color: #f3f3f3;
}

div.medContent form#onlineReturnForm .alignSection h2
{
	color: #333333;
    font-weight: 700;
    font-size: 14px;
    border-bottom: none;
    padding-right: 15px;
    font-family: GloberBold;
}

div.medContent #step3Return .alignSection{
	background-color: #F4F5F7;
}


.autoHeightFed{
	height:445px;	
}

.autoHeightMedtrans{
	height: 405px;
   }

div.medContent form#onlineReturnForm .greyLine
{
	margin: 10px 0 15px 0;
}

div.medContent form#onlineReturnForm #ReturnMainDiv .greyLine,
div.medContent form#onlineReturnForm table tr td hr.greyLine
{
	margin: 0;
}

div.medContent form#onlineReturnForm .alignSection div label
{
	width: 40%;
    display: inline-block;
    padding: 6px 12px;
    vertical-align: top;
}

div.medContent form#onlineReturnForm .alignSection div label.packageLabel
{
	width: 60%;
    padding-top: 10px;
}

div.medContent form#onlineReturnForm .alignSection div label.shippingLabel
{
	width: 35%;
	padding-right: 10px;
}

div.medContent form#onlineReturnForm .alignSection div#description label
{
	width: 100%;
    display: inline-block;
    padding: 6px 0;
    vertical-align: top;
    color: #333333;
    font-size: 14px;
    font-family: "GloberBold",Arial,Helvetica,sans-serif;
}

div.medContent form#onlineReturnForm .alignSection div#description textarea::placeholder,
#ReturnMainTable tbody td textarea.transferDescription::placeholder,
div.medContent div#osiBorder .damageRightSection textarea::placeholder
{
	font-family:"GloberRegular",Helvetica,sans-serif ;
    font-style: Italic;
}
div.medContent form#onlineReturnForm .alignSection div#description textarea:-moz-placeholder,
#ReturnMainTable tbody td textarea.transferDescription:-moz-placeholder,
div.medContent div#osiBorder .damageRightSection textarea::placeholder{
   font-family:"GloberRegular",Helvetica,sans-serif ;
    font-style: Italic;
}
div.medContent form#onlineReturnForm .alignSection div#description textarea::-moz-placeholder,
#ReturnMainTable tbody td textarea.transferDescription::-moz-placeholder,
div.medContent div#osiBorder .damageRightSection textarea::placeholder {
   font-family:"GloberRegular",Helvetica,sans-serif ;
    font-style: Italic;
}
div.medContent form#onlineReturnForm .alignSection div#description textarea:-ms-input-placeholder,
#ReturnMainTable tbody td textarea.transferDescription:-ms-input-placeholder,
div.medContent div#osiBorder .damageRightSection textarea::placeholder{  
   font-family:"GloberRegular",Helvetica,sans-serif ;
   font-style: Italic;
   color: #b4b4b4 !important;
}

div.medContent form#onlineReturnForm .alignSection div.totalCharges
{
	padding: 0 0 0 15px;
}

div.medContent form#onlineReturnForm .alignSection div.totalCharges label
{
	padding: 4px 0;
	width: 47%;
}

div.medContent form#onlineReturnForm .alignSection .totalReturnValue label,
div.medContent form#onlineReturnForm .alignSection .totalReturnValue span
{
	font-size: 18px;
	font-family: GloberBold;
}

div.medContent form#onlineReturnForm .alignSection .totalReturnValue label.totalReturnCredit
{
	width: 60%;
    display: inline-block;
}

div.medContent form#onlineReturnForm .alignSection .totalReturnValue label.totalReturnAmount
{
	width: 25%;
    display: inline-block;
    text-align: right;
}

div.medContent form#onlineReturnForm .alignSection div#ContactDiv
{
	position: relative;
	/* padding-bottom: 20px; */
}

div.medContent form#onlineReturnForm .alignSection div#ContactDiv h2 span.editReturnContact,
#osiBorder div#summarySection h2 span.editOsiContact
{
   float: right;
   color:#009ADF;
   cursor: pointer;
}

#osiBorder .tbdInfo,
#osiBorder #osiDeliverySubmit div.termSection .termOfUseMsg {
	color: #009ADF;
	cursor: pointer;
}

div.medContent form#onlineReturnForm .alignSection div#ContactDiv h2 span.editReturnContact:hover,
#osiBorder div#summarySection h2 span.editOsiContact:hover,
#osiBorder #osiDeliverySubmit div.termSection .termOfUseMsg
{
	color: #0a74f5;
}

div.medContent form#onlineReturnForm .alignSection div#ContactDiv div label
{
	width: auto;
    display: block;
}

div.medContent form#onlineReturnForm .alignSection div#FreightDiv div:last-child label,
div.medContent form#onlineReturnForm .alignSection div#FreightDiv div:last-child span,
div.medContent form#onlineReturnForm .alignSection div#ContactDiv div label:first-child
{
	font-family: GloberBold;
}

div.medContent form#onlineReturnForm .alignSection div#FreightDiv,
div.medContent form#onlineReturnForm .alignSection div#ContactDiv
{
	padding-top: 20px;
}

div.medContent form#onlineReturnForm .alignSection div#returningItems > div > div
{
	width: 100%;
	display:inline-block;
	padding-bottom: 10px;
}

div.medContent form#onlineReturnForm .alignSection div#returningItems > div > div label
{
	padding: 0;
	width: 10%;
}


div.medContent form#onlineReturnForm .alignSection div#returningItems > div > div label.skuId,
div.medContent form#onlineReturnForm .alignSection div#returningItems > div > div > div
{
	font-family: GloberBold;
	padding: 4px 0;
	width: 95%;
}

div.medContent form#onlineReturnForm .alignSection div#returningItems > div > div label.skuDesc
{
	padding: 4px 0;
	width: 95%;
}

div#returningItems > div,
div.medContent form#onlineReturnForm .alignSection div.totalCharges div
{
	position: relative;
}

div.medContent form#onlineReturnForm .alignSection div#returningItems > div > span,
div.medContent form#onlineReturnForm .alignSection div.totalCharges div > span
{
	font-family: GloberBold;
	top: 12%;
    position: absolute;
    right: 0%;
}

div.medContent form#onlineReturnForm .alignSection div.totalCharges div > span
{
	font-family: GloberRegular;
}

.greyLine.dark 
{
	border-top: 1px solid #000;
}

#ReturnDescription
{
	width:90%;
	padding: 5px;
	border-color: #009ADF;
}

div.medContent form#onlineReturnForm .alignSection div.shippingMethodRadio
{
	display: inline-block;
	width: 50%;
}

div.medContent form#onlineReturnForm .alignSection div.shippingMethodRadio label
{
	display: block;
	width: 100%;
}

div.medContent form#onlineReturnForm .alignSection div.shippingMethodRadio input
{
	margin: 0 5px 0 0;
	vertical-align: middle;
}

div.medContent form#onlineReturnForm .alignSection div.shippingMethodRadio ~ label
{
	padding-top: 6px;	
}

div.medContent form#onlineReturnForm .alignSection div#NoOfPackage input
{
	margin-top:10px; 
}

div.medContent form#onlineReturnForm .alignSection div#NoOfPackage #NumberOfPackages{
	margin-top:3px;
}
div#medTransactionSearch.returnSearch div.medSearchArea
{
	position: relative;
}

/* Stylings for the select the invoice for the returns */

div#medTransactionSearch.returnSearch div.medSearchArea #searchTimeLineTable{
	display: inline;
    float: left;
    width: 40%;
    margin-left: 10px;
}

div#medTransactionSearch.returnSearch div.medSearchArea #searchTimeLineTable i.fa-info-circle{
	padding-top: 8px;
    padding-left: 10px;
    color: #009ADF;
}

div#medTransactionSearch.returnSearch div.medSearchArea #returnAccountsTable,
div#medTransactionSearch.returnSearch div.medSearchArea #osiAccountsTable
{
    display: inline-block;
    border-left: 1px solid #D7D7D7;
    padding-left: 15px;
}

div#medTransactionSearch.returnSearch div.medSearchArea #returnAccountsTable #returnableInvoiceOnly,
div#medTransactionSearch.returnSearch div.medSearchArea #osiAccountsTable #returnableInvoiceOnly
{
	height: 17px;
    width: 17px;
    vertical-align: middle;
}

div#medTransactionSearch.returnSearch div.medSearchArea #returnAccountsTable div.medShipToSelect,
div#medTransactionSearch.returnSearch div.medSearchArea #osiAccountsTable div.medShipToSelect
{
	width: 100%;
}

div#medTransactionSearch.returnSearch div.medSearchArea #returnAccountsTable tr:first-child td:last-child{
	padding-left: 4px;
	line-height: 20px;
}

div#medTransactionSearch.returnSearch div.medSearchArea #osiAccountsTable tr:first-child td:last-child{
	padding-left: 3px;
}

div#medTransactionSearch.returnSearch div.medSearchArea td #searchText{
	width: 150px;
	height: 20px;
}

div#medTransactionSearch.returnSearch div.medSearchArea td #dateSelector,
table#searchTimeLineTable td select#dateSelector {
	width: 156px;
	margin-left: 1px;
	height: 20px;
	border: none;
	background: #E5E5E5;
	border-radius: 5px;
	padding-left: 2px;
}

div#medTransactionSearch.returnSearch div.medSearchArea #returnAccountsTable td label,
div#medTransactionSearch.returnSearch div.medSearchArea #searchTimeLineTable td label,
div#medTransactionSearch.returnSearch div.medSearchArea #osiAccountsTable td label{
   color: #000;
}

div#medTransactionSearch.returnSearch div.medSearchArea .returnPump
{
	position: absolute;
    top: 0;
    right: 0;
    width: 25%;
    line-height: 1.5;
    background-color: #f3f3f3;
    padding: 10px;
}

div#medTransactionSearch.returnSearch div.medSearchArea .returnPump h3
{
	font-size: 14px;
    padding: 0;
    margin-top: 0;
    margin-bottom: 5px;
}

div#medTransactionSearch.returnSearch div.medSearchArea .returnPump input
{
	margin: 10px 0;
}

/* Confirmation Page */


#medActActnContainer.confirmationHeader h1
{
	font-size: 18px;
	padding-left: 0;
	color: #000;
}

.returnWrap,
.osiConfirmationDetails
{
	position: relative;
	vertical-align: top;
}

.medContent .medBtnGrey.returnDoc
{
    float:right;
    margin-top: 5px;
}

.returnWrap .dName,
.osiConfirmationDetails .dName
{
	width: 32%;
	vertical-align: top;
}

.returnWrap label
 {
    font-size: 12px;
    color: #555555;
    line-height: 1.5;
    display: block;
}

.returnWrap #scrollableDescription{
    height: 80px;
    width: 260px;
    overflow-y: auto;
    overflow-x: auto;
} 

.returnWrap.shippingInfo, .returnWrap.submitInfo,
.osiConfirmationDetails.submitInfo
{
	width: 54%;
	display: inline-block;
}

.returnWrap.submitInfo
{
	margin-top: 15px;
}

.returnWrap.pricingInfo, .returnWrap.shippingLabelInfo
{
	width: 35%;
    display: inline-block;
}
.returnWrap.shippingLabelInfo .docList
{
	max-height:120px;
	overflow-y:auto;
	padding-top: 1px;
}

.returnWrap.shippingLabelInfo, .returnWrap.pricingInfo
{
	margin: 7px 0 10px 39px;
	padding: 10px 20px 10px;
    background-color: #f3f3f3;
}

.returnWrap.shippingLabelInfo h2 span
{
	padding-top: 5px;
    font-family: GloberRegular;
    color: #0755B8;
    cursor: pointer;
    display:block;
}

.returnWrap.pricingInfo .dName,
.osiConfirmationDetails.pricingInfo .dName
{
	width:55%;
}

.returnWrap.pricingInfo .returnTotal,
.osiConfirmationDetails.pricingInfo .osiTotal
{
	font-family: 'GloberBold';
	margin-top:10px;
}

.returnWrap.pricingInfo .dValue,
.osiConfirmationDetails.pricingInfo .dValue
{
	width:30%;
	text-align: right;
}

.returnWrap .greyLine,
.osiConfirmationDetails .greyLine
{
	margin: 10px 0;
}

#step3Return label.skuDesc a.leavePage:hover
{
	text-decoration: underline !important;
}

.medHeader
{
	font-family: 'GloberBold';
    font-size: 16px;
    margin: 12px 0;
}

h2.medHeader
{
	padding: 0;
	color: #333;
    font-size: 12px;
    margin-top: 10px;
    border: none;
}

.medReturningItemsTable table th,.medReturningItemsTable table td
{
	padding: 5px;
}

#medReturnStatus
{
	margin-top: 20px;
}

#medReturnStatus span
{
	text-transform:uppercase;
}

.shippingLabelInfo ul li
{
	padding: 5px 0;
}

.shippingLabelInfo ul li i
{
	font-size: 13px;
    color: #DE350B;
    padding: 0 5px 0 0;
}

.mdcPopupClass #documentViewHistoryPopUp
{
	min-width: 550px !important;
}

.mdcPopupClass #documentViewHistoryPopUp #cancelPopUp
{
	margin-left: 45%;
	border-color: #d6d1c9 !important;
}

.mdcPopupClass #documentViewHistoryPopUp #documentViewHistoryResult
{
    margin-bottom: 20px;
}

.mdcPopupClass #documentViewHistoryPopUp .medActGridTable li
{
	display:block;
}

.mdcPopupClass #documentViewHistoryPopUp .medActGridTable th, .mdcPopupClass #documentViewHistoryPopUp .medActGridTable td
{
	padding: 5px;
    font-size: 12px;
    border: 1px solid #ccc;
}

.greyText, form#onlineReturnForm div .greyText td label
{
	color: #999;
}

#ReturnMainTable td span.medItemWarningText
{
	display: block;
	padding: 4px 5px 0 20px;
    line-height: 1.5;
}

#ReturnMainTable td.medItemfaWarningText
{
	padding: 4px 5px 0 0;
    line-height: 1.5;
}

#ReturnMainTable td span.medItemWarningText a
{
	text-decoration: none !important;
}

#ReturnMainTable td.medItemfaWarningText a
{
	text-decoration: none !important;
}
#editContactInfoPopUp,
#editOsiContactInfoPopUp
{
	width: 400px !important;
}

#contactInfoForm,
#osiContactInfoForm
{
	margin-top: 10px;
}

#contactInfoForm .dName,
#osiContactInfoForm .dName
{
	vertical-align: top;
    padding: 10px 0;
    font-weight: 400;
    font-size: 12px;
    width:35%;
}

#contactInfoForm .dValue,
#osiContactInfoForm .dValue
{
    padding: 7px 0;
    font-weight: 400;
    font-size: 12px;
    width: 61%;
}

.ui-widget #contactInfoForm input,
.ui-widget #osiContactInfoForm input,
.ui-widget #contactInfoForm select,
.ui-widget #osiContactInfoForm select
{
    font-family: 'GloberRegular';
    font-size: 12px;
}

.ui-widget #contactInfoForm input[type='checkbox'],
.ui-widget #osiContactInfoForm input[type='checkbox']{
	width: 18px;
	height: 18px;	
}

.ui-widget #contactInfoForm input[type='text'],
.ui-widget #osiContactInfoForm input[type='text']
{
	width:100%;
}

.updateProfile
{
	margin: 20px 0;
}

.updateProfile span
{
	font-weight: 400;
    margin-left: 5px;
    vertical-align: super;
    font-size: 12px;
}

.dialogButtons
{
	margin-top: 20px;
	margin-left: auto;
    margin-right: auto;
    width: 40%;
}

.dialogButtons #savePopUp{
	margin-right: 5px;
}


#temperatureDisclosurePopUp
{
	width: 600px !important;
}

#temperatureDisclosurePopUp div p
{
	font-weight: 400;
    padding: 10px 0 20px;
}

#temperatureDisclosurePopUp .dialogButtons
{
    width: 20%;
}

.PDFLinkText
{
	vertical-align: super;
}

/* New Mock Ups */

.reasonSelect
{
	border: 1px #cccccc solid;
    border-radius: 20px;
    padding: 30px 20px;
    margin-top: 20px;
    text-align: center;
}

.reasonSelect h1, .reasonSelect h2,
.reasonSelect h2.errorReport,
#osiDeliveryCredit div.boxSelect h2
{
	border-bottom: none;
	color: #000000;
	font-weight: 600;
	font-family: 'GloberRegular', sans-serif;
}

.reasonSelect h3{
	color: #000000;
	padding: 0;
	letter-spacing: 0.04px;
	font-family: 'GloberRegular', sans-serif;
}

.reasonSelect h4,
.CreditOptions h4{
	margin-top: 7px;
    font-size: 14px;
    color: #000;
    font-style: italic;
}
 
 .reasonSelect .returnsInfoSection{
    text-align: left;
    line-height: 20px;
    padding-left: 10px;
 }
 
 .reasonSelect .returnsInfoSection h1{
    margin-bottom: 0;
    margin-top: 35px;
 }
 
 .medInfo, .medPackingInfo{
    border: 1px solid #00468B;
    background-position: 10px center;
    padding: 8px 15px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #E0F4FF;
    text-align: left;
    color: #00468B;
    font-size: 14px;
    margin-top: 20px;
 }
 
 .medInfoMsg{
    vertical-align: super;
    padding-left: 5px;
 }
 
 .medPackingInfo{
    padding: 12px 10px 8px 12px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 12px;
    margin: 10px 0;
 }
 
 .medPackingInfo i{
   font-size: 19px;
 }
 
 .medPackingInfoMsg{
    vertical-align: middle;
    padding-left: 5px;
 }
 
.reasonSelect h2.errorReport{
	padding: 23px 0 0 0;
	margin-bottom: 0;
}

.reasonSelect h2.subButtonReason,
#osiDeliveryCredit h2.subButtonReason{
	padding: 25px 0 10px 0;
	margin-bottom: 0;
}

#selectSubOverageReason h2.subButtonReason{
	padding-bottom: 0;
}

.reasonSelect h2.errorReason, .reasonSelect span.errorReason
{
	padding: 2px 0 5px 0;
	margin-bottom: 0;
}

.reasonSelect h1
{
	padding-bottom: 0;
    width: 100%;
}

.reasonSelect input.btnPrev{
	float: left;
	margin-top: 40px;
}

#subReason, #selectSubReason, #selectSubOverageReason{
	padding-bottom: 100px;
}

#subReason p{
	font-size:20px;
	line-height: 1.5;
	font-weight: 700;
}

.boxSelect div
{
	width: 17%;
    border: 1px #009ADF solid;
    border-radius: 20px;
    padding: 10px 15px;
    display: inline-block;
    margin: 30px 11px;
    min-height: 130px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    vertical-align: middle;
}

div#selectReason .boxSelect div:not(.disabledSelect):hover{
	background: #009ADF;
	color: white;
}

.boxSelect div:hover h1, .boxSelect div:hover h2, .boxSelect div:hover span{
	color: white;
}
.boxSelect div.disabledSelect
{
    border: 1px #B3BAC5 solid;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    cursor: default;
}

.boxSelect div.disabledSelect h2 
{
    color: #ccc;
}

.boxSelect div span 
{
    color: #2aa9e0;
    font-weight: 700;
    display: block;
    line-height: 14px;
}

.boxSelect div span.validDays
{
    display: block;
    font-size: 9px;
    font-style: italic;
    line-height: 10px;
}

.boxSelect div.disabledSelect span 
{
    font-style: italic;
    color: #ccc;
}

.returnDescriptionHeader, .reportReason, .returnDeliveryHeader
{
	padding: 20px 25px 17px;
    background-color: #EFEFEF;
    border-radius: 12px;
    font-size: 14px;
    margin-bottom: 30px;
}

.returnDescriptionHeader p, .returnDeliveryHeader p
{
	display: inline;
}

.returnDescriptionHeader p:first-child, .returnDeliveryHeader p:first-child
{
	font-weight: 700;
}

.returnDescriptionHeader p.headerReturnInvoice,
.returnDescriptionHeader p.headerSolution{
	font-weight: 700;
	padding-left: 15px;
}

#orderSearchForm h1{
	border-bottom: none;
	color: #000000;
}

#selectInvoice h1, #selectInvoice h2.returnSubHeading, #orderSearchForm h1 span.reportStart, #onlineReturnForm h1
{
	font-weight: 700;
	border-bottom: none;
	color: #000000;
}

 #orderSearchForm h1 span.helpPage{
    color: #0755b8;
 }

h1.returnSubHeading
{
    text-align: center;   
}

h2.returnSubHeading
{
    margin: 15px 0;  
}

/* properties for print screen on step3 to Return Description  */

@media print{
.returnWrap #scrollableDescription{
    overflow: visible !important;
     width: 260px;
} 
}



.progressBar,
.osiProgressBar,
.osiOverageProgressBar,
.osiDamageProgressBar{
    height: 35px;
    width: 810px;
}

.progressBar div,
.osiProgressBar div,
.osiOverageProgressBar div,
.osiDamageProgressBar div {
    list-style-type: none;
    width: 30%;
    float: left;
    font-size: 12px;
    position: relative;
}

.progressBar div.progressBarActive:before,
.osiProgressBar div.progressBarActive:before,
.osiOverageProgressBar div.progressBarActive:before,
.osiDamageProgressBar div.progressBarActive:before{
    border-color: #009ADF;
    background-color: #009ADF;
}

.progressBar div:before, 
.osiProgressBar div:before,
.osiOverageProgressBar div:before,
.osiDamageProgressBar div:before{
    width: 20px;
    height: 20px;
    content: '';
    line-height: 20px;
    border: 1px solid #009ADF;
    display: block;
    margin: 0 10px 10px 0;
    border-radius: 50%;
    background-color: white;
    position: relative;
    z-index: 1;
}

.progressBar div:after,
.osiProgressBar div:after,
.osiOverageProgressBar div:after,
.osiDamageProgressBar div:after{
    width: 100%;
    height: 2px;
    content: '';
    position: absolute;
    background-color: #009ADF;
    top: 10px;
    left: 0%;
    z-index: 0;
}

.progressBar div.progressBarActive + div:after,
.osiProgressBar div.progressBarActive + div:after,
.osiOverageProgressBar div.progressBarActive + div:after,
.osiDamageProgressBar div.progressBarActive + div:after{
    background-color: #009ADF;
}

.progressBar div:last-child,
.osiProgressBar div:last-child,
.osiOverageProgressBar div:last-child,
.osiDamageProgressBar div:last-child{
    width: 22px;
}

.osiProgressBar div{
	width: 22%;
}

.osiDamageProgressBar div {
	width: 45%;
}
/* dropdown stylings */

.shippingDropDown select, tr.tableQtyTr select {
	 background-color: white;
  width: 50%;
  padding:6px 8px 3px 8px;
  border-radius:6px;
     background-image: linear-gradient(45deg, transparent 50%, white 50%),
    linear-gradient(135deg, white 50%, transparent 50%),
    linear-gradient(to right, #0098df, #0098df);
  background-position:
    calc(100% - 14px) calc(1em + -2px),
    calc(100% - 10px) calc(1em + -2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance:none;
}
.shippingDropDown select::-ms-expand,
tr.tableQtyTr select::-ms-expand{
	display: none; 
}

tr.tableQtyTr select{
	width: 27px;
    padding: 5px 8px 1px 3px;
    border-radius: 0;
    background-image: linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(135deg, white 50%, transparent 50%), linear-gradient(to right, #0098df, #0098df);
    background-position: calc(119% - 14px) calc(1em + -3px), calc(121% - 10px) calc(1em + -3px), 270% 0;
}

.shippingDropDown.packageDropDown select{
 width:auto;
 min-width: 60px;    
 float:right;
 margin-right: 4%;
}

.shippingDropDown select#shippingMethod{
 width:auto;
 min-width: 115px;    
 float:right;
 margin-right: 4%;
}

.shippingDropDown select:focus::-ms-value,
tr.tableQtyTr select:focus::-ms-value{
background-color: rgba(0, 0, 0, 0); color:#000;
}

.shippingDropDown {
    margin-bottom: 5px;
}

.shippingDropDown label.shippingLabel{
	float: right;
	text-align: center;
}


/* button stylings */

.medBtnBlue{
    padding: 8px 20px 7px;
    background: #009ADF;
    border: 1px solid #009ADF; 
    color: #FFFFFF; 
    cursor: pointer;
    -moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 20px;
}

.medBtnClearBlue{
    color: #009ADF !important; 
    padding: 8px 20px 7px !important;
    font-weight: 700;
    background-image: none;
     cursor: pointer;
    border: 1px solid #009ADF !important;
    background-color: white !important;
    border-radius: 20px;
}

.medBtnClearBlue:hover{
   color: #ffffff !important; 
    padding: 8px 20px 7px;
    font-weight: 700;
    background-image: none;
     cursor: pointer;
    border: 1px solid #009ADF !important;
    background-color: #009ADF !important;
    border-radius: 20px;
}

.medBtnGreen, .wrapper .outer-container .medBtnBlue,
form#onlineReturnForm div.formButtons #returnSubmit
{
	min-width: 80px;
	margin-left: 10px;
    padding: 8px 20px 7px;
    background: #009ADF;
    border: 1px solid #009ADF; 
    color: #FFFFFF; 
    cursor: pointer;
    display: inline-block;
	font-weight: 700;
	border-radius: 20px;
}

.medInactive{
	min-width: 80px;
	margin-left: 10px;
    padding: 8px 20px 7px;
	background-color: #eeeeee !important;
    color: #cccccc !important;
    border:1px solid #cccccc !important;    
    font-weight: normal;
    font-size: 12px !important;
    border-radius: 20px;
    cursor: default !important;
}

form#onlineReturnForm div.formButtons .btnCancel,
.btnCancel,
.btnPrev,
.medSecondaryButton .btnPrev,
.medSecondaryButton .btnReset,
.reasonSelect input.btnPrev{
	min-width: 80px;
	margin-left: 10px;
    color: #009ADF !important; 
    padding: 8px 20px 7px !important;
    font-size: 12px;
    font-weight: 700;
    background-image: none;
     cursor: pointer;
    border: 1px solid #009ADF !important;
    background-color: white !important;
    display: inline-block;
    border-radius: 20px;
    text-align: center;
    text-decoration: none;
}

form#onlineReturnForm div.formButtons .btnCancel:hover,
.btnCancel:hover,
.btnPrev:hover,
.medSecondaryButton .btnPrev:hover,
.medSecondaryButton .btnReset:hover,
.reasonSelect input.btnPrev:hover{
    color: #ffffff !important; 
    padding: 8px 20px 7px;
    font-weight: 700;
    background-image: none;
     cursor: pointer;
    border: 1px solid #009ADF !important;
    background-color: #009ADF !important;
    border-radius: 20px;
}

/* radio button stylings */

 .customRadioBtn{
     position: relative;
 }
  
  .customRadioBtn:before{
      content: '';
      width: 15px;
      height: 15px;
     border: 1px solid #009ADF;
      border-radius: 100%;
      background: #fff;
      position: absolute;
      left: -21px;
      top: -4px;
  }
  
  .customRadioBtn:after{
      content: '';
      width: 9px;
      height: 9px;
      background: #009ADF;
      border-radius: 100%;
      position: absolute;
      top: 0;
      left: -17px;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
  }
  
 input[type="radio"]:not(:checked) ~ label.customRadioBtn:after {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0);
  }
  
  input[type="radio"]:checked ~ label.customRadioBtn:after{
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
   }

   
   /* Styling for checkBoxes */
   
   p.terms input#AcceptTermsOfUse,
   p.terms input#AcceptTermsOfTemperature,
   #osiBorder #osiDeliverySubmit div.termSection #AcceptTermsOfUse{
    height: 20px;
    width: 20px;
    vertical-align: middle;
   }
   
   /* Delivery Search shipmentSearchTable*/
   
    table#osiShippingTable td.payingSlipSelect{
      text-align: center;
    }
    
    table#osiShippingTable td.payingSlipSelect a{
     color: #009ADF;
     font-weight: 600;
    }
   
   #osiShippingTable tr:first-child{
     background-color: #DADADA;
   }
   #osiShippingTable tr:nth-child(2n+3) {
    background-color: #EFEFEF;
   }
   
   #osiShippingTable tr th{
      padding: 6px 0 1px 5px;
      border-left: 1px solid white;
      font-size: 12px;
      line-height: 23px;
    }
    
    #osiShippingTable tr th:last-child{
     padding-left: 0;
    }
    
    #osiShippingTable tr th:first-child, #osiShippingTable tr th:last-child{
      width: 10%;
    }
    
    #osiShippingTable tr td{
      line-height: 22px;
      font-size: 12px;
    }
   
   /* osi delivery Table details */
    
     #osiBorder{
       border: 1px solid #E5E5E5;
       border-radius: 20px;
       height: auto;
       padding: 30px 15px;
       text-align: center;
     }
     
     #osiBorder div.osiHeader label.damagedHeader,
     #osiBorder div.osiHeader h1,
     #osiBorder div.osiReviewHeader h1{
       border: 0;
       font-size: 20px;
       font-weight: 700;
       color: #000;
       font-family: 'GloberRegular', sans-serif;
     }
     
     #osiBorder div.osiReviewHeader h3{
       color: #27375C;
     }
     
     #osiBorder div.osiHeader label.partialDamagedInfo{
        font-style: italic;
        color: #000;
        font-size: 14px;
        margin: 5px 0 15px 0;
        display: block;
     }
     
      #osiBorder div.missingShipmentSection{
        font-size: 18px;
      }
     
     #osiBorder div.missingShipmentSection input{
        height: 22px;
        width: 22px;
        margin-left: 5px;
        vertical-align: middle;
     }
      
     div.osiTableDiv, div[class*="osiTableDiv_"],
     .medReturningItemsTable.fixedConfirmTable,
     div#wrongItemEntrySection .wrongEntryHeader{
      background-color: #D7D7D7;
      margin-top: 15px;
     }
     
     table.osiFixedHeader{
       border-collapse: collapse;
     }
     
    .osiFixedHeader tr th,
    [class*="osiScrollableTable"] tr th,
    .medReturningItemsTable.fixedConfirmTable .osiConfirmTableHeader tr th{
      padding: 10px 3px 7px;
      vertical-align: middle;
      font-size: 12px;
      font-weight: 700;
    }
    
    div.osiDamageTable table thead tr th:first-child input{
      height: 15px;
      width: 15px;
      margin: 0 auto;
      display: block;
    }
    
     .rowStripes,
     .medReturningItemsTable tbody tr:nth-child(odd),
     .confirmationRowStripes:nth-child(odd),
     div#wrongItemEntrySection .wrongEntryRow:nth-child(odd){
      background: #EFEFEF;
     }
     
    
    [class*="osiScrollableTable"] table.medActGridTable{
     margin-bottom: 0;
    }
    
    [class*="osiScrollableTable"] table.medActGridTable tr.tableQtyTr td.osiTableQtyText{
      font-weight: 700;
      text-align: right;
    } 
    
    [class*="osiScrollableTable"] table.medActGridTable tr td,
    .medReturningItemsTable.scrollableConfirmTable table tr td{
      padding: 10px 3px 7px;
     vertical-align: middle; 
    }
    
    [class*="osiScrollableTable"] table.medActGridTable tr#osiReported td,
    [class*="osiScrollableTable"] table.medActGridTable tr#additionalOsiReported td{
     padding-top: 0;
    }
   
    [class*="osiScrollableTable"] table.medActGridTable tr td:last-child{
      padding-right: 5px;
      padding-top: 6px;
      width: 35px;
    }
    
    div.medContent div.fixedConfirmTable table tr th:last-child,
    div.scrollableConfirmTable table tr td:last-child{
      padding-right: 10px;
    }
    
    [class*="osiScrollableTable"] table.medActGridTable tr.qtyErrorBg,
    .osiReasonPage .qtyErrorBg{
     background-color: #FFFAE5;
    }
    
    div[class*="osiScrollableTable"] .qtyErrorBorder,
    .osiReasonPage .mainPackage .qtyErrorBorder,
    .osiReasonPage .additionalPackage .qtyErrorBorder{
     border: 1px solid #DE350B;
    }
    
    div#osiBorder .qtyErrorText{
     color: #D8000C !important;
    }
    
    [class*="osiScrollableTable"] table.medActGridTable thead.hiddenOsiTableHeader
    {
      visibility: collapse;
    }
    
     [class*="osiScrollableTable"] table.medActGridTable .selectDeliveryLine{
       height: 15px;
       width: 15px;
       vertical-align: sub;
     }
     
     [class*="osiScrollableTable"] .osiQtyInput{
      border: 1px solid #56A7DB;
      width: 28px;
      float: left;
    }
    
    [class*="osiScrollableTable"] input[id^="excessItems_"] {
       border: 1px solid #dddddd;
       background: #dddddd;
    }
    
    [class*="osiScrollableTable"] table.medActGridTable td.shortageQtyTd{
      padding-top: 6px;
    }
   
    .osiTableDiv table.osiFixedHeader tr, 
    .osiScrollableTable table#osiTable tr,
    [class*="osiTableDiv_"] table.osiFixedHeader tr,
    [class*="osiScrollableTable_"] table.medActGridTable tr
    {
      line-height: 20px;
    }
    
    #osiBorder div.osiShortageSubTotal{
     display: inline-block;
     width: 100%;
     text-align: right;
    }
    
    #osiBorder div.osiShortageSubTotal h4{
      color: #000;
      font-weight: 700;
      font-family: 'GloberRegular', sans-serif;
      font-size: 14px;
      display: inline-block;
      margin-bottom: 0;
    }

    #osiBorder div#additionalSlipsSection{
     margin: 25px 0;
    }
    
    #osiBorder #additionalSlipsSection div.additionalSlipsHeader{
     font-size: 18px;
     font-weight: 700;
     text-align: left;
    }
    
    #osiBorder #additionalSlipsSection div.additionalSlipNo{
     text-align: left;
     padding: 10px 0;
    }
    
    #osiBorder #additionalSlipsSection div.additionalSlipNo span,
    #osiBorder #additionalSlipsSection div.additionalSlipNo span label{
    font-size: 14px;
    cursor: pointer;
    }
    
    #osiBorder div#shrinkWrapSection,
    #osiBorder div#itemReplaceableSection,
    #osiBorder div#packagingDamagedSection{
      margin-top: 10px;
      text-align: right;
    }
    
    #osiBorder div#shrinkWrapSection label.shrinkWrapLabel,
    #osiBorder div#itemReplaceableSection label.itemReplaceableLabel,
    #osiBorder div#packagingDamagedSection label.packagingDamagedLabel{
       font-size: 14px;
       font-weight: 700;
       padding-right: 15px;
    }
    
    #osiBorder div.additionalQuestionSection label[for=wrappedYes],
    #osiBorder div.additionalQuestionSection label[for=wrappedNo],
    #osiBorder #summarySection .errorSummarySection
    {
      font-size: 14px;
      font-weight: 500;
      margin-bottom: 0;
    }
    
    #osiBorder div.additionalQuestionSection input{
       width: 17px;
       height: 17px;
       margin: 0 5px;
       vertical-align: sub;
    }
    
    
    #osiBorder span.asteriskField{
      vertical-align: middle;
      font-size: 20px;
      font-weight: 400;
    }
    
    #osiBorder #osiDeliverySubmit div.termSection{
      text-align: right;
      padding-right: 15px;
      font-size: 14px;
    }
    
    #osiBorder div.osiBtnSection{
     clear: both;
     padding: 25px 0 25px 5px;
    }
    
    #osiBorder div.osiBtnSection .btnPrev{
     float: left;
    }
    
    #osiBorder div.osiBtnSection #btnNext,
    #osiBorder div.osiBtnSection .creditNext,
    #osiBorder div.osiBtnSection #wrongEntryNext{
     float: right;
    }
    
    div.osiScrollableTable .qtyHighlight,
    #osiBorder div#shrinkWrapSection .qtyHighlight{
      border: 1px solid #56A7DB;
    }
    
    .CreditOptions .creditOption:first-of-type{
    padding-top: 65px;
    min-height: 53px;
    }
    
    .CreditOptions .creditOption {
     width: 19%;
     border: 1px #009ADF solid;
     border-radius: 20px;
     padding: 40px 15px;
     display: inline-block;
     margin: 30px 11px;
     min-height: 73px;
     box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
     vertical-align: middle;
     font-size: 16px;
     font-weight: 700;
     line-height: 20px;
    }

    .CreditOptions .disabledOption {
      border: 1px #B3BAC5 solid;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
      cursor: default;
      color: #ccc;
    }
    
    .CreditOptions input[type=radio] {
      display: none;
     }

    .CreditOptions input[type=radio]:checked + .creditOption {
     background-color: #009ADF;
     color: #fff;
    }
    
    #osiBorder div#summarySection{
       padding: 15px;
    }
    
    
    #osiBorder div#osiDeliverySubmit div.custServiceInfo p,
    #osiConfirmationPage div.custReplaceInfoMsg{
       font-size: 14px;
       font-style: italic;
       letter-spacing: 0.2px;
       line-height: 24px;
       color: #27375C;
       text-align: center;
    }
    
    #osiConfirmationPage div.custReplaceInfoMsg{
      padding: 35px;
    }
    
    #osiBorder div#summarySection label{
      margin-bottom: 0;
    }
    
    #osiBorder div.damageLeftSection{
      width: 49%;
      display: inline-block;
      float: left;
    }
    
    #osiBorder div.damageRightSection{
      width: 44%;
      display: inline-block;
      padding: 15px 10px 15px 5px;
    }
    
    #osiBorder div.damageRightSection h2{
     margin-bottom: 15px
    }
    
    #osiBorder div.damageRightSection #DamageDescription{
      padding: 5px;
      border-color: #009ADF;
      width: 285px;
      height: 85px;
    }
    
   #osiBorder div.damageRightSection label.descExample{
     text-align: left;
     float: left;
     color: #666;
     line-height: 16px;
     padding-left: 5px;
   }
    
   #osiDamageForm #osiBorder div.damageLeftSection .contactInfoSection div label{
      width: 35%
    }
    
   #osiDamageForm #osiBorder div.damageLeftSection .contactInfoSection div label:last-child{
      width: 60%;
    }
    
    #osiBorder div#summarySection .contactInfoSection{
      padding-bottom: 10px;
    }
    
    #osiBorder div#osiDeliverySubmit div[id^="item_"]
    {
      text-align: left;
      padding: 15px 0 0 15px;
      font-size: 14px;
      line-height: 25px;
    }
    
    #osiDamageForm #osiBorder div#osiDeliverySubmit #itemSummarySection div[id^="item_"] div{
      width: 240px;
      display: inline-block;
    }
    
    #osiBorder div#osiDeliverySubmit #itemSummarySection div[id^="item_"] div{
      width: 515px;
      display: inline-block;	
    }
    
    #osiBorder div#summarySection .contactInfoSection div div{
     padding: 10px 15px 0;
     text-align: left;
     font-size: 14px;
     }
    
    #osiBorder div#summarySection .contactInfoSection div label{
      font-weight: 700;
      display: inline-block;
      width: 17%;
      line-height: 15px;
    }
    
    #osiBorder div#summarySection .contactInfoSection div label:last-child{
     font-weight: 500;
     width: 70%;
    }
    
    #osiBorder div#osiDeliverySubmit div[id^="item_"] label.skuId,
    #osiBorder div#osiDeliverySubmit div[id^="item_"] label.skuDesc,
    #osiBorder div#osiDeliverySubmit #itemSummarySection div[id^="item_"] div.keptDamage{
      width: 100%;
      display: inline-block;
    }
    
    #osiBorder div#osiDeliverySubmit .overageSummary .keepAlert,
    #osiConfirmationPage .mainPackage .keptInvoiceInfo{
      color: #bb9d50;
    }
    
    
    #osiBorder div#osiDeliverySubmit div[id^="item_"]{
     border-bottom: 2px solid #EFEFEF;
     line-height: 23px;
    }
    
    #osiBorder div#osiDeliverySubmit div[id^="item_"] div.overagePackNo,
    #osiBorder div#osiDeliverySubmit div.damageItemSummary label.keepUndamaged,
    #osiBorder div#osiDeliverySubmit div[id^="item_"] span.uom,
    #osiBorder div#osiDeliverySubmit div[id^="item_"] span.packQty,
    #osiBorder div#summarySection .errorSummarySection label.errorQtySummary,
    #osiBorder div#summarySection .errorSummarySection label.errorUomSummary,
    #osiConfirmationPage .imageConfirmMsg a, #osiConfirmationPage .imageConfirmMsg span,
    #osiBorder div#osiDeliverySubmit .productLeakageSection label.leakageMsg{
    font-weight: 700;
    }
    
    #osiBorder div#osiDeliverySubmit div[id^="item_"] span.packQty,
    #osiBorder .tbdInfo{
     padding-right: 2px;
    }
    
    
    #osiDamageForm #osiBorder div#osiDeliverySubmit div[id^="item_"] span.netVal{
      width: 70px;
      display: inline-block;
      text-align: right;
      vertical-align: top;
    }
    
    #osiBorder div#osiDeliverySubmit div[id^="item_"] span.netVal{
      width: 135px;
      display: inline-block;
      text-align: right;
      vertical-align: top;
    }
    
    #osiBorder div#summarySection h2,
    #osiBorder div.damageDescriptionSection h2{
      border: none;
      text-align: left;
      color: #000;
      font-weight: 700;
      background: #EFEFEF;
      padding: 8px 15px;
      margin-bottom: 0;
      font-family: 'GloberRegular', sans-serif;
    }
    
    #osiBorder div#osiDeliverySubmit .imageAddMsg{
      line-height: 20px;
      padding-bottom: 10px;
    }
    
    #osiBorder div#osiDeliverySubmit .productLeakageSection,#osiBorder div#osiDeliverySubmit .imageAddMsg{
      text-align: left;
      padding-left: 5px;
      color: #000;
      font-size: 14px;
    }
    
    #osiBorder div#osiDeliverySubmit .productLeakageSection div{
      padding: 5px 0;
    }
    
    #osiBorder div#osiDeliverySubmit .productLeakageSection div input{
     height: 16px;
     width: 16px;
     cursor: pointer;
    }
    
    #osiBorder div#osiDeliverySubmit .productLeakageSection div label{
     padding: 0 5px;
     vertical-align: middle;
     margin-bottom: 0;
    }
    
    #osiBorder #summarySection .totalCredit{
      float: right;
      padding-right: 5px;
    }
    
    /* Confirmation page stylings */
    
    div#osiConfirmation{
        text-align: center;
    }
    
    #osiConfirmationPage h2{
     font-size: 18px;
    }
    
    #osiConfirmationPage a.mdcHyperLink .PDFIcon{
       color: #DE350B;
       margin-right:3px;
    }
    
    .osiConfirmationDetails label{
      font-size: 14px;
      color: #000;
      line-height: 1.5;
      display: block;
      margin-bottom: 0;
    }
    
    .osiConfirmationDetails .osiOrderLink{
      font-size: 14px;
      line-height: 1.5;
    }
    .osiConfirmationDetails .dName,
    #osiConfirmationPage .disclamerMsg .disclamerText{
      font-weight: 600;
    }
    
    .osiConfirmationDetails .dValue{
      width: 66%;
    }
    
    #osiConfirmationPage .osiFixedHeader div{
     margin: auto 0;
    }
    
    #osiConfirmationPage .osiConfirmationDetails .packingSlips .dValue label{
      max-height: 80px;
      overflow-y: auto;
      overflow-x: auto;
    }
    
    #osiConfirmationPage .disclamerMsg,#osiConfirmationPage .imageConfirmMsg{
     padding-top: 15px;
     font-size: 14px;
     line-height: 20px;
    }
    
    .osiConfirmationDetails.submitInfo{
      margin-bottom: 45px;
    }
        
    .osiConfirmationDetails.pricingInfo{
	  margin: 7px 0 10px 10px;
	  padding: 10px 20px 18px;
      background-color: #f3f3f3;
    }
    
    div.osiConfirmationRightSection{
      display: inline-block;
      width: 45%;
    }
    
    div.osiConfirmationRightSection .damagedDesc{
      margin: 7px 0 10px 2px;
    }
    
     div.osiConfirmationRightSection .damagedDesc .descHeader{
       font-weight: 600;
       padding-bottom: 5px;
       font-size: 14px;
     }
     
     div.osiConfirmationRightSection .damagedDesc .descData{
       border: 1px solid #ddd;
       padding: 10px;
       max-height: 90px;
       overflow-y: auto;
       min-height: 85px;
       line-height: 14px;
    }
    
    #osiConfirmation .osiConfirmationHeader h1{
      border: 0;
      font-size: 24px;
      font-weight: 700;
      color: #000;
      margin-bottom: 0;
      font-family:'GloberRegular', sans-serif;
    }

    #additionalSlipsSection div[class^="slipData_"] {
     display: none;
     margin-top: 10px;
    }
    
    #additionalSlipsSection .additionalSlipsScrollSection{
      border: 7px solid #EFEFEF;
      margin-top: 10px;
      max-height: 400px;
      overflow-y: auto;
      overflow-x: hidden;
    }
    
    #additionalSlipsSection .additionalSlipsScrollSection .additionalSlip{
     border-bottom: 2px solid #EFEFEF;
     padding: 3px 10px 3px 15px;
    }

   .excessCheckBox, .undamagedCheckBox{
    vertical-align: middle;
  }
  
  .excessQtyDiv{
    display: inline-block;
    padding-left: 4px;
    font-weight: 700;
  }
  
  .medReturningItemsTable.scrollableConfirmTable,
  .osiReasonPage .totalTableContent{
    max-height: 400px;
  }
  .medReturningItemsTable.scrollableConfirmTable thead{
    visibility: collapse;
  }
  
  #osiConfirmationPage .mainPackage .keptInvoiceInfo div{
     padding: 3px 0;
  }
  
 div.wrongSubTotalSection{
   text-align: left;
    font-weight: 700;
    padding: 8px 15px;
    font-size: 16px;
    margin-bottom: 20px;
    border-top: 1px solid #000;
 }
 
 div.osiReasonPage .contentBorder,
 div#osiDeliveryCredit .addMoreRow{
   border-bottom: 1px solid #8993A4;
 }
 
 div#wrongItemEntrySection .itemEntryInput{
   width: 98%;
 }
 
 div#wrongItemEntrySection .itemEntryInput::-webkit-input-placeholder,
 div#wrongItemEntrySection .itemEntryInput::placeholder{
  color: #5E6C84;
  opacity: 0.2;
  font-style: italic;
}


 div#wrongItemEntrySection .itemEntryInput:-ms-input-placeholder,
 div#wrongItemEntrySection .itemEntryInput:-moz-placeholder{
  color: #5E6C84;
  opacity: 0.2;
  font-style: italic;
 }
 
 div#wrongItemEntrySection .wrongEntryHeader{
    font-weight: 700;
    font-size: 14px;
 }
 
 div#wrongItemEntrySection .wrongEntryHeader .itemDescHeader,
 #osiBorder div#summarySection div.errorItemSummary,
 div#wrongItemEntrySection .wrongEntryHeader .itemUnitHeader{
   text-align: left;
 }
 
 div#wrongItemEntrySection span.numDropDownWithArrow,
 div#wrongItemEntrySection [id^=wrong_qty_select],
 div#wrongItemEntrySection .qtyEntryInput{
   width: 90%;
 }
 
 div#wrongItemEntrySection select.uomEntryDropdown{
   width: 100%; 
 }
 
 div#osiDeliveryCredit .addMoreWrongEntry{
  color: #0052CC;
  cursor: pointer;
  font-size: 14px;
  text-decoration: none;
 }
 
 div#osiDeliveryCredit .addMoreWrongEntry:hover{
   color: #3398FF;
   cursor: pointer;
   font-size: 14px;
   text-decoration: none;
   font-weight: 600;
 }
 
   div#wrongItemEntrySection span.DropDownSection{
     width: 70%;
  }
  
  div#wrongItemEntrySection span.DropDownSection select{
    min-width: 80px;
  }
  
  div#wrongItemEntrySection span.DropDownSection input{
    width: 90%;
    font-weight: 700;
  }
  
  .osiReasonPage .inpTextBox{
    width: 50px;
    float: none;
  }
  
  .osiReasonPage .mainPackage .osiFixedHeaderSection,
  .osiReasonPage .mainPackage .osiFixedHeaderSection .osiFixedHeader,
  .osiReasonPage .additionalPackage .osiAddSlipTableHeader
  {
   background: #DFE1E5;
   font-weight: 700;
  }
  
  .osiReasonPage .mainPackage .checkBoxBlue,
  .osiReasonPage .additionalPackage .checkBoxBlue{
    width: 15px;
    height: 15px;
  }
  
  .osiReasonPage .mainPackage .totalTableContent{
    border-bottom: 1px solid #DFE1E5;
  }
  
  .osiReasonPage #summarySection .itemsSummarySection{
   font-size: 14px;
  }
  
  .osiReasonPage #summarySection .summaryScrollSection{
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
  }
  
  .osiReasonPage #summarySection .damageItemSummary .itemsSummarySection .itemMaterialSection{
   width: 320px;
  }
  
  .osiReasonPage #summarySection .itemsSummarySection .itemMaterialSection{
   width: 655px;
  }
  
  .osiReasonPage #summarySection .itemsSummarySection .packingSlipSection,
  .osiReasonPage #summarySection .itemsSummarySection .qtyNo,
  .osiReasonPage #summarySection .itemsSummarySection .uomNo{
    font-weight: 700;
  }
  
   .osiReasonPage #summarySection .itemsSummarySection:not(:last-child) .packingDataSection:last-child{
   border-bottom: 1px solid #D7D7D7;
  } 
  
  .osiReasonPage #summarySection .packingDataSection .col-12,
  .osiReasonPage #summarySection .packingDataSection .col-8,
  .osiReasonPage #summarySection .packingDataSection .col-3{
    display: inline-block;
  }
  
  .osiReasonPage .mainPackage .lineNo,
  .osiReasonPage .mainPackage .selectLine{
    width: 50px;
  }
  
  .osiReasonPage .mainPackage .itemNo{
    width: 115px;
  }
  
  .osiReasonPage .mainPackage .descNo{
    width: 275px;
  }
  
  .osiReasonPage .mainPackage .deliveryNo{
    width: 72px;
  }
  
  .osiReasonPage .mainPackage .unitNo{
    width: 65px;
  }
  
  .osiReasonPage .mainPackage .priceNo{
    width: 75px;
  }
  
  .osiReasonPage .additionalPackage .additionalLineNo,
  .osiReasonPage .additionalPackage .additionalSelectLine{
    width: 40px;
  }
  
  .osiReasonPage .additionalPackage .additionalItemNo{
    width: 110px;
  }
  
  .osiReasonPage .additionalPackage .additionalDescNo{
    width: 265px;
  }
  
  .osiReasonPage .additionalPackage .additionalDeliveryNo{
    width: 75px;
  }
  
  .osiReasonPage .additionalPackage .additionalUnitNo{
    width: 60px;
  }
  
  .osiReasonPage .additionalPackage .additionalPriceNo{
    width: 70px;
  }
  
  #osiConfirmationPage .mainPackage .packingSlipCol{
   width: 90px;
  }
  
  #osiConfirmationPage .mainPackage .lineNoCol{
   width: 40px;
  }
  
  #osiConfirmationPage .mainPackage .itemNoCol{
   width: 95px;
  }
  
  #osiConfirmationPage .mainPackage .priceNo{
   width: 85px;
  }
  
  .osiReasonPage .damageuomDropDown .numDropDownWithArrow select{
   min-width: 55px;
   font-weight: 400;
  }
  
  .osiReasonPage .damageuomDropDown .inpDownArrowIcon{
   font-weight: 200;
  }
  
  .descriptionToolTip {
    max-width: 380px !important;
    width: 380px;
}

  .popover{
   border: 1px solid #0052CC !important;
  }

.osiReasonPage .overageSummary .container-fluid .row{
	margin-right: 0;
    margin-left: 0;
}