/**
        * Supplier Portal - General
        * @author Mars-WebCC
        * @version 0.1 (2014/Jul/17)
        */
/* ========================== CSS RESETS ========================= */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-family: 'Segoe UI'; }
table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-family: 'Segoe UI'; color: #404040; }
body { background-color: #f2f2f2; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
    blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
img { font-size: 1px; vertical-align: middle; }
a { cursor: pointer; border: 0px; }
.textaligncenter { text-align: center; }
.weightbold { font-weight: bold; }
/* ========================== CSS RESETS ========================= */
/* ========================= GENERAL TAGS ======================== */
html, body { margin: 0; padding: 0; }
img { max-width: 100%; }
header { background-color: #02487c; border-bottom: 4px solid #1F8BBC; color: #fff; }
section { width: 100%; }
/* ========================= GENERAL TAGS ======================== */
/* ========================= GENERAL FONTS ======================= */
.labelerror { font-size: 79%; color: #ff0000; font-family: 'Segoe UI','Trebuchet MS'; text-decoration: none; font-weight: normal; padding: 2% 0 0; }
.labelerror_shipment { font-size: 79%; color: #ff0000; font-family: 'Segoe UI','Trebuchet MS'; text-decoration: none; font-weight: normal; margin: 0.9% 0 0; float: right; }
.shipmentconfirmation .labelerror_shipment {margin:0px; font-size: 79%; color: #ff0000; font-family: 'Segoe UI','Trebuchet MS'; text-decoration: none; font-weight: normal; float: right;padding:7px; }

.ConvertToUpperClass { text-transform:uppercase !important; }


.labelerror_orderdeletion { color: #ff0000; font-family: "Segoe UI","Trebuchet MS"; font-size: 79%; font-weight: normal; padding: 0.9% 0 0 6%; text-decoration: none; }
.Add_plant_sloc_popup .labelerror { font-size: 100%; height: 20px; }
.stock-welcome .labelerror { font-size: 100%; }

.labelstatus { font-size: 79%; color: #00be00; font-family: 'Segoe UI','Trebuchet MS'; text-decoration: none; font-weight: normal; }
    .labelstatus a { color: #00be00; font-family: 'Segoe UI','Trebuchet MS'; text-decoration: underline; font-weight: normal; }
.loadingrepeat { background-repeat: no-repeat; text-align: center; position: absolute; top: 50%; left: 50%; }
.displaynone { display: none; }
/* ========================= GENERAL FONTS ======================= */
/* ======================== TEMPLATE STYLES ====================== */
.clearboth { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }
.height0 { font-size: 0px; line-height: 0px; height: 0px; }
.relativpos { position: relative; }

/* ======================== TEMPLATE STYLES ====================== */
/* ========================== PAGE STYLES ======================== */
/******** INDEX PAGE ***********/

.wrapper { margin: 0 auto; background-color: #ffffff; color: #fff; padding: 0 0 20px 0; }
.login_username_div span, .login_password_div span { color: #404040; }
/********Grid Overridden styles*********/

.shipmentconfirmation.ladingtextbox { float: left; padding: 0 0 0 1%; position: static; }
.shipmentconfirmation.ladinglabeol { float: left; padding: 0 0 0 3.9%; }
.shipmentconfirmation.ladingdiv { color: orange; padding: 2%; }
.shipmentconfirmation .role-ddlpurchase { float: left; padding: 0.4% 0 0 200px; position: static; }
.orderconfirmationIssue { padding: 0%; }
.RadComboBox_Default .rcbEmptyMessage { font-style: normal !important; }
.GrdPurchaseOrder { width: 7.01% !important; }
.RadCheckboxDropDownClass {overflow:scroll !important;}

/*.RadDropDownList_Default .rddlInner 
{
     background-color: #FFFF99 !important;
    border-color: red !important;
    border-radius: 3px !important;
    color: #333 !important;
    background-image:none !important;
}*/


.RadDropDownList_Default { background-image: none !important; background-color: #ffff99 !important; border-color: red !important; }

.dropdownerror .rddlInner { background-image: none !important; background-color: #ffff99 !important; border-color: red !important; }

.txterrorclass { border-color: red !important; border-width: 1px !important; border-style: solid !important; background-color: #FFFF99 !important; }

.txterrorclassdropdownlist { border-color: red !important; border-width: 1px !important; border-style: solid !important; background-color: #FFFF99 !important; }

.RadAutoCompleteBox .racToken { background-repeat: no-repeat !important; border: none !important; position: static !important; padding: 0 0 0 0 !important; float: left; font-size: 12px !important; }
.RadAutoCompleteBox_Default .racToken { background-color: white !important; background-image: none !important; border-color: none !important; border-radius: 0px !important; color: none !important; }



.RadAutoCompleteBox_Default .racRemoveTokenLink { background-image: none !important; }

.RadGrid_Default .rgMasterTable input[type=text] { font-size: 11px !important; line-height: normal; border: 1px solid #8a8d86; margin: auto; padding: 3.5px 0; text-align: center; width: 90%; }
.RadGrid_Default { border-top: 5px solid #1D8BBC!important; }

.RadGrid .rgHeader { padding: 2px 0px 0px 0px!important; }
    .RadGrid .rgHeader a { color: #fff !important; text-decoration: none; }
.RadGrid .rgHeaderOver a { color: #fff !important; text-decoration: underline !important; }
.RadGrid_Default .rgHeader, .RadGrid_Default th.rgResizeCol, .RadGrid_Default .rgHeaderWrapper { background: #04477E !important; color: #fff !important; border-style: none none none !important; border-left: 1px solid #003A69 !important; border-right: 1px solid #185A8C !important; }

.RadGrid_Default .rgFilterRow td { border-left: 1px solid #003A69 !important; border-right: 1px solid #185A8C !important; }

.RadGrid_Default .rgAltRow { background-color: #E8F1FA !important; }

.rgHeader, .rgFilterRow, .grid-header { background-color: #04477E !important; }

#RadGrid1 { border: 1px solid #808080; }

.RadGrid_Default .rgCommandRow { background-color: #04477E !important; text-align: left !important; }

.RadGrid_Default .rgCommandRow { color: #000; background: #FBF1D7!important; background: -ms-linear-gradient(top, #FFFFFF 0%, #F8E3AE 100%) !important; /* Mozilla Firefox */ background: -moz-linear-gradient(top, #FFFFFF 0%, #F8E3AE 100%) !important; /* Opera */ background: -o-linear-gradient(top, #FFFFFF 0%, #F8E3AE 100%) !important; /* Webkit (Safari/Chrome 10) */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #F8E3AE)) !important; /* Webkit (Chrome 11+) */ background: -webkit-linear-gradient(top, #FFFFFF 0%, #F8E3AE 100%) !important; /* W3C Markup, IE10 Release Preview */ background: linear-gradient(to bottom, #FFFFFF 0%, #F8E3AE 100%) !important; }

.purchase_order_grid .RadGrid_Default .rgCommandRow, .fastshipmentconf_grid .RadGrid_Default .rgCommandRow { color: #000; /* IE10 Consumer Preview */ background: #C5E6F5!important; background: -ms-linear-gradient(top, #FFFFFF 0%, #A1D7EF 100%) !important; /* Mozilla Firefox */ background: -moz-linear-gradient(top, #FFFFFF 0%, #A1D7EF 100%) !important; /* Opera */ background: -o-linear-gradient(top, #FFFFFF 0%, #A1D7EF 100%) !important; /* Webkit (Safari/Chrome 10) */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #A1D7EF)) !important; /* Webkit (Chrome 11+) */ background: -webkit-linear-gradient(top, #FFFFFF 0%, #A1D7EF 100%) !important; /* W3C Markup, IE10 Release Preview */ background: linear-gradient(to bottom, #FFFFFF 0%, #A1D7EF 100%) !important; }
.RadGrid_Default .rgCommandRow a { color: #404040!important; text-decoration: none; }

.RadGrid .rgFilterBox { font-size: 100% !important; width: 65% !important; }

.RadGrid_Default .rgFilter { background-image: url('/App_Themes/Supplier_Blue/images/filter.png') !important; background-position: 0 0 !important; font-size: 11px !important; }

.RadMenu_Default .rmVertical .rmText { background-color: #e8f1fa!important; }

.RadMenu_Default a.rmLink, .RadMenu_Default .rmVertical .rmText { background-image: none !important; }

    .RadMenu_Default a.rmLink:hover, .RadMenu_Default .rmVertical .rmText:hover { background-image: none; background-color: #04477E !important; color: #fff; }
    rmItem rmLast rmTemplate.RadMenu RadMenu_Default RadMenu_Context RadMenu_Default_Context rmShadows RadFilerMenu_CheckList .rmText .RadMenu_Default a.rmLink:hover, .RadMenu_Default .rmVertical .rmText:hover { background-color: #e8f1fa !important; color: black; }
#RadGrid1 { text-align: center!important; }

.admin-wrapper tbody, .admin-wrapper tr, .admin-wrapper th { color: #404040 !important; text-align: center!important; }

.RadGrid .rgFilterRow td { padding: 0px!important; }

.RadGrid .rgRow td, .RadGrid .rgAltRow td { padding: 4px 0px 4px 2px!important; text-align: center!important; vertical-align: middle!important; text-decoration: none!important; font-weight: normal!important; }

.RadGrid_Default .rgMasterTable { font-size: 12px !important; }

.rgBatchCurrent { background-color: #FED561!important; }

    .rgBatchCurrent input { border: 1px solid #8A8D86; width: 90%; margin: auto; text-align: center; padding: 2px 0; }

.vendormaster_wrapper .RadGrid_Default, .fastshipmentconf_grid .RadGrid_Default { border-left: 0px none!important; border-right: 0px none!important;}

.vendormaster_wrapper, .fastshipmentconf_grid { border-left: 1px solid #828282; border-right: 1px solid #828282; border-bottom: 1px solid #828282; }

.RadGrid .rgBatchContainer { max-width: 100% !important; }

.RadGrid_Default .rgCommandTable td, .RadGrid_Default .rgCommandRow { padding: 4px 7px !important; }
.RadGrid_Default .rgMasterTable td.rgGroupCol, .RadGrid_Default .rgMasterTable td.rgExpandCol { background: inherit !important; border-color: transparent !important; }
.RadGrid_Default .rgGroupHeader td { border-bottom: none !important; border-top: none !important; padding: 0px 0px 2px 0px !important; }
.RadGrid table.rgMasterTable tr .rgGroupCol, .RadGrid table.rgMasterTable tr .rgExpandCol { width: 4%; }
.RadGrid_Default .rgCollapse { background-position: left top !important; background-image: url("/App_Themes/Supplier_Blue/images/nav_down_green.png") !important; }
.RadGrid_Default .rgExpand { background-position: left top !important; background-image: url("/App_Themes/Supplier_Blue/images/nav_right_blue.png") !important; }
.RadGrid .rgGroupHeader td p { padding: 0px 10px 0px 2px !important; color: #003366; font-family: "Segoe UI"; }
.RadGrid_Default .rgMasterTable .rgPagerCell input[type="text"] { border: none !important; }
.modal .errorReport { border-top: 0px !important; }
.RadFilterMenu_CheckList ul.rmGroup li.rmLast { background-color: #e8f1fa !important; }
.RadButton_Default.rbSkinnedButton, .RadButton_Default .rbDecorated, .RadButton_Default.rbVerticalButton, .RadButton_Default.rbVerticalButton .rbDecorated, .RadButton_Default .rbSplitRight, .RadButton_Default .rbSplitLeft { }
.up-orderConfirm .RadButton_Default.RadButton.rbLinkButton { background-color: #1f8bbc !important; border: none !important; }
.RadUpload_Default .ruFakeInput { color: #02487c !important; border: 1px solid #99cccc !important; width: 40%; }
.RadAsyncUpload span.ruFileWrap { width: 79% !important; }
.up-orderConfirm .rbLinkButton { padding: 1% !important; }
.RadUpload .ruUploadSuccess { color: #02487c !important; font-size: 12px !important; }
.RadUpload .ruUploadFailure { color: #ff0000 !important; font-size: 12px !important; }
.lastUptxt_status { font-weight: bold !important; color: #333333 !important; }



.RadMenu_Default_Context .rgFilterApply, .RadMenu_Default_Context .rgFilterCancel { padding: 3px 10px; border-style: solid; border-color: inherit; border-width: 0; border-color: transparent !important; font-family: 'Segoe UI'; background-color: #1D8BBC !important; border-radius: 5px; padding: 2px 10px; font-size: 90%; margin: 0 5px 0 0; color: #fff !important; behavior: url('/js/PIE.htc'); position: relative; cursor: pointer; top: 0px; left: 0px; background-image: none !important; line-height: 18px !important; }
.RadPicker_Default a.rcCalPopup:hover, .RadPicker_Default a.rcCalPopup:focus, .RadPicker_Default a.rcCalPopup:active { background-position: 0px 0px !important; }
/********End of Overridden Styles********/

/******** INDEX PAGE ***********/
.header_div { width: 100%; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.header_logo_div { width: 100%; }
.header_logo { margin: auto; width: 60%; padding: 0% 0% 0% 0%; }
#UserStatus_header_username_label { font-family: 'Segoe UI'; font-weight: bold; }
.header_language_div { width: 100%; }
.header_language { float: right; padding: 0 0 2% 0; margin: 0 2% 0 0; }
.headerlang_selectdiv { display: inline-block; float: left; background-image: url(); }
.lang_select { background-color: #02487C; border: 1px solid #356d96; color: #fff; font-size: 12px; float: left; margin: 3px 0 0 0; padding: 3%; }
    .lang_select option { background-color: #02487C; color: #fff; float: left; }
.country_image_div { float: left; padding: 0 0 0 5px; width: auto; }
#country_image { margin-top: 1%; vertical-align: middle; }
.headermenuaction .clearfix { display: none; }
.main_container { width: 100%; }
.page_container { width: 100%; }
.login_content { width: 100%; position: relative; }
.login_central_banner { width: 100%; float: left; background-color: #DFDFDF; }
    .login_central_banner img { display: block; margin: auto; }
.loginpage_information { background-color: #1F8BBC; width: 100%; float: left; padding-top: 100px; }
.logininfo_div { width: 80%; margin: auto; clear: both; padding: 16px 0 0 0; }
.logininfo_heading { font-size: 16px; font-weight: bold; margin: 4% 0; }
.logininfo_ul { padding: 0; margin: 0; }
    .logininfo_ul li { padding: 1% 0; list-style: disc outside none; }
.login_div { width: 75%; margin: auto; background-color: #fff; border: 1px solid #00D8FF; border-radius: 5px; position: absolute; left: 11%; top: 8%; }
.login_sections { width: 84%; margin: auto; padding: 0 0 5% 0; }
.loginsection_heading { color: #02487C; font-weight: normal; font-size: 20px; margin: 2% 0; }
.login_username_div, .login_password_div { color: #404040; font-size: 12px; width: 100%; margin: 2% 0 0 0; }
    .login_username_div input, .login_password_div input { width: 100%; border: 1px solid #B9CFD7; border-radius: 3px; margin: 3% 0 0 0; color: #404040; padding: 1.5% 0; }
.login_buttons { width: 100%; float: left; margin: 5% 0 0 0; }
.loginbutton_link { border: 0 none; border-radius: 3px; color: white !important; display: inline-block; font-size: 12px; padding: 2% 7% 2% 7%; text-align: center; text-transform: uppercase; background-color: #1F8BBC; float: left; cursor: pointer; }
.forgotten_password { color: #1F8BBC; float: right; text-decoration: none; font-size: 12px; margin: 2% 0 0 0; cursor: pointer; }
.edititle { color: #1F8BBC; text-decoration: none; font-size: 12px; margin: 2% 0 5% 0;  }
.logininfo_border { display: none; }
/******** INDEX PAGE ***********/


/*Footer Styles*/
footer { width: 100%; font-family: 'Segoe UI'; background-color: #cccccc; float: left; clear: both; }
.mars-footer-label { font-size: 80%!important; font-weight: normal!important; }
.mars-footer-legal p { text-align: center; font-size: 85%!important; }
.mars-footer-icon { }
#mars-footer-panel .mars-footer-list-right { font-size: 100%!important; color: #333333!important; font-weight: normal!important; }
#mars-footer-panel a { color: #333333!important; text-decoration: none; }
#mars-footer-panel.mars-footer-icons .mars-footer-list-right .mars-footer-icon { color: #fff!important; }
    #mars-footer-panel.mars-footer-icons .mars-footer-list-right .mars-footer-icon strong { color: #333333!important; }
#mars-footer-panel { margin: 0px!important; }
.mars-footer-legal { margin-bottom: 10px!important; }

/*End of Footer styles*/



/********Start of functional-expert-view styles***********/
.grid_active { background-color: #1d8bbc; }
.grid_inactive a { background-color: #02487C; }
.supplierslink_div { float: left; text-align: center!important; text-decoration: none; padding: 1% 0 0 0; border-radius: 5px 5px 0px 0px; position: relative; behavior: url('/js/PIE.htc'); }
.userslink_div { float: left; text-align: center!important; text-decoration: none; margin: 0 0 0 5px; padding: 1% 0 0 0; border-radius: 5px 5px 0px 0px; position: relative; behavior: url('/js/PIE.htc'); }
.shipmentconfirmation .userslink_div { margin: 0 1% 0 5px; }
.delete_wrapper { width: 100%; font-family: 'Segoe UI'; color: #fff; margin: 10px 0 0 0; }
.delete_btn_div { width: auto; padding: 2px 0px 2px 5px; }
.Grid_bluebg_btn { border-style: none; border-color: inherit; border-width: 0; font-family: 'Segoe UI'; background-color: #1D8BBC; float: left; border-radius: 5px; padding: 2px 10px; font-size: 90%; margin: 0 5px 0 0; color: #fff; behavior: url('/js/PIE.htc'); position: relative; cursor: pointer; top: 0px; left: 0px; }
.functionalexp_div a.Grid_bluebg_btn { padding: 3px 10px; }
.Grid_bluebg_btnbig { font-family: 'Segoe UI'; background-color: #1D8BBC; float: left; border-radius: 5px; padding: 6px 20px; font-size: 90%; behavior: url('/js/PIE.htc'); position: relative; cursor: pointer; }
/********End of functional-expert-view styles***********/

/******** Start of add supplier page ***********/
.clearfix.statusmessage.SupplierListStatus.labelerror { margin-top: -20px; }
.supaddtitle { width: 100%; border-bottom: 1px solid #3399cc; }
.supaddtitlepad { padding: 0% 2% 2% 4%; clear: both; }
.supaddform_wrap { font-family: 'Segoe UI','Trebuchet MS'; }
    .supaddform_wrap span { font-size: 90%; color: #003366; padding-left: 0.75%; }
    .supaddform_wrap input, .supaddform_wrap textarea, .SupplierAdd-Outer .RadAutoCompleteBox { font-size: 79%; color: #333333; font-family: 'Segoe UI','Trebuchet MS'; }
.SupplierAdd-Outer .RadAutoCompleteBox { width: 93%; }
.SupplierAdd-Outer .RadAutoCompleteBox_Default .racTokenList { background-color: white; border-color: transparent; border-width: 0px; border-style: solid; font-size: 79% !important; color: #333333 !important; font-family: 'Segoe UI','Trebuchet MS' !important; padding: 1.5% 3% 1.5% 2%; width: 100%; border: 1px solid #99cccc; background-color: white; }
.RadAutoCompleteBoxPopup_Default { width: 150% !important; border: 1px solid #99cccc !important; left: 0px; }
.SupplierAdd-Outer .RadAutoCompleteBox_Default .racTextToken { font-size: 130%; color: #333333; font-family: 'Segoe UI','Trebuchet MS'; }
.SupplierAdd-Outer .RadAutoCompleteBox_Default .racTokenSelected { background: #e8f3f8; padding: 0% 1% 1% 1%; }
.RadAutoCompleteBoxPopup .racItem { font-size: 100% !important; color: #333333 !important; font-family: 'Segoe UI','Trebuchet MS' !important; }
.RadAutoCompleteBoxPopup .racItemHovered { font-size: 100% !important; color: #333333 !important; font-family: 'Segoe UI','Trebuchet MS' !important; }
.supaddform_wrap textarea { overflow: auto; }
.SupplierInputText { padding: 1.5% 3% 1.5% 3%; width: 92%; border: 1px solid #99cccc; }
.SupplierInputTextShipmentDeletion { padding: 1.5% 3% 1.5% 3%; width: 92%; border: 1px solid #99cccc; }
.SupplierCheckText { width: 92%; }
.Supplierinputfield { padding: 0.85% 0% 4.2% 0%; clear: both; min-height: 24px; }
.Suppliercheckfield { padding: 0.4% 0% 4.2% 0%; float: left; margin-left: 3%; }
a.suppliersubmit { color: white; text-decoration: none; }
.supaddactionbuttons { padding: 4% 0% 6% 0%; position: relative; margin: 0px auto; width: 25%; clear: both; }
.activeactionbuttons { padding: 1% 0% 2% 0%; position: relative; margin: 0px auto; width: 100%; clear: both; }
.suppaddactionsubmit { float: left; padding-left: 11%; }
.ediclearbutton { float: left; padding-left: 6%; }
.edisubmitbutton { float: left; padding-left: 19%; }
.edisubmitclearclass
{
    clear:both;padding-top:2%;
}
a.logoutbutton_link, a.loginbutton_link, upload-wrapper a, a.Grid_bluebg_btn { text-decoration: none; }
.RadAutoCompleteBox .racLoadingIcon { bottom: 5px !important; height: 16px !important; right: 4px !important; width: 13px !important; }
.rgNoRecords div { padding: 0.75%; }
.fastshipmentconf_grid .rgNoRecords div { padding:0;}
.loginerror { text-align: left; }
.RadGrid .rgRow td.gridalignleft, .RadGrid .rgAltRow td.gridalignleft { text-align: left !important; padding-left: 0.5% !important; }
.SupplierinputfieldValidate { padding-bottom: 2%; }
.custom_radcombobox { position: absolute; margin: 3px 0px!important; }

.stockReport-Outer .custom_radcombobox { position: absolute; margin: 0px 0px 0px 1px!important; }

/*.custom_radcombobox .rcbInputCell { color: #02487c!important; text-decoration: none; line-height: 24px; display: block; padding: 1px 9px!important; background-image: none!important; background: #fff!important; border: 1px solid #99cccc!important; }*/
.custom_radcombobox .rcbInputCell { color: #02487c!important; text-decoration: none; line-height: 24px; display: block; padding: 1px 9px!important; background-image: none!important; background: #fff!important; border: 1px solid #99cccc!important; }

.custom_radcombobox td.rcbArrowCell { background: url("/App_Themes/Supplier_Blue/images/dropdown-arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0)!important; background-image: url("/App_Themes/Supplier_Blue/images/dropdown-arrow.png")!important; background-position: 0px 0px !important; display: block; height: 24px; height: 24px\9; margin-top: 1px\9; outline: medium none; position: absolute; right: 0; top: 0; width: 26px; cursor: pointer; }

/*Map Supplier Dropdown*/

.rcbInputCell.rcbInputCellLeft { width: 79%!important; }
.custom_radcombobox td.rcbArrowCell { right: 20px!important; }
.vendormaster_wrapper .custom_radcombobox td.rcbArrowCell { right: 0px!important; }
.supaddformright .custom_radcombobox td.rcbArrowCell, .supaddformleft .custom_radcombobox td.rcbArrowCell { right: 23px !important; }

/*End of Map Supplier Dropdown*/

/*Sd report Styles - Dropdown*/

.custom_radcombobox .RadComboBoxDropDown .rcbItem { color: #02487c!important; padding: 7px 0 7px 3px!important; border-bottom: 1px dotted #98cae0!important; }


.stock-ddlOuter .custom_dropdown_outerdiv { width: 19%!important; float: left; padding: 3px; }


.purchase_order_grid .stock-ddlOuter .custom_dropdown_outerdiv { width: 24%!important; padding: 0px; }
/* Removed from above Line float:left;*/
.sdrPage .stock-ddlOuter .custom_dropdown_outerdiv { width: 24%!important; float: left; padding: 0px; }

.custom_dropdown_outerdiv.stockDisplay.ddl-marginTop.relativpos { }

.stock-ddlOuter .custom_dropdown_outerdiv .custom_radcombobox { }

    .stock-ddlOuter .custom_dropdown_outerdiv .custom_radcombobox .rcbInputCell { width: 79%!important; }

    .stock-ddlOuter .custom_dropdown_outerdiv .custom_radcombobox td.rcbArrowCell { right: 23px!important; }

    .stock-ddlOuter .custom_dropdown_outerdiv .custom_radcombobox .RadComboBox table { }

.stock-ddlOuter { }

.RadComboBoxDropDown_Default { color: #02487c!important; }

.RadComboBoxDropDown_Default { width: 175px !important; }

    .RadComboBoxDropDown_Default .rcbHovered { background-color: #fff!important; color: #02487c!important; }

.RadComboBox_Default .rcbInput { color: #02487c!important; }

.RadComboBoxDropDown .rcbItem, .RadComboBoxDropDown .rcbHovered { padding: 4px 0 4px 8px!important; border-bottom: 1px dotted #98cae0!important; cursor: pointer!important; }

.RadComboBox .rcbArrowCell a { width: 26px!important; height: 24px!important; }

.rcbScroll, .rcbWidth { overflow-x:hidden !important;overflow-y:scroll !important; }

.RadComboBoxDropDown_Default .rcbCheckAllItems { color: #02487c!important; border-bottom: 1px dotted #98cae0!important; background-color: #fff!important; }

.RadComboBoxDropDown_Default .rcbCheckAllItemsHovered { color: #02487c!important; border-bottom: 1px dotted #98cae0!important; background-color: #fff!important; }

.supaddform_wrap input, .supaddform_wrap textarea, .SupplierAdd-Outer .RadAutoCompleteBox { color: #02487c!important; }

/******** End of add supplier page ***********/
/*@@@@@@    Purchase Order styles  @@@@@@*/

.purchase_order_grid .RadGrid_Default, .purchase_order_grid .admin_parent1 .RadGrid_Default { border: 1px solid #818284 !important; }
.purchase_order_btns { color: #fff; padding: 10px 0 0 0; }
    .purchase_order_btns a { color: #fff; text-decoration: none; }
.purchase_order_btnspad { margin-left: 1.6%; }
.poShowAll { display: block; background: url("/App_Themes/Supplier_Blue/images/add.png") no-repeat; padding-left: 22px; height: 16px; }
.poHideAll { display: block; background: url("/App_Themes/Supplier_Blue/images/less.png") no-repeat; padding-left: 22px; height: 16px; }

/*@@@@@@   End of Purchase Order styles   @@@@@@*/
/******** Start of error page ***********/
.error_ul { margin: 0; padding: 1% 0 1% 5%; font-size: 100%; list-style-type: circle; font-family: 'Segoe UI','Trebuchet MS' !important; }
    .error_ul li { font-size: 100%; list-style-type: disc; font-family: 'Segoe UI','Trebuchet MS' !important; }
.errorcontainder { font-size: 85%; padding: 1.5% 0 0 0; font-family: 'Segoe UI','Trebuchet MS'; }
.statusmessage { text-align: right; position: relative; top: 30px; }
/******** End of error page ***********/
.adminfunction_lblstatus { float: right; height: 3%; text-align: right; }
.SupplierListStatus { float: right; vertical-align: bottom; padding: 12px 0px 0px 0px; }
.activeactionsubmit { float: left; padding-left: 3% !important; }
.supplier_style { position: absolute; }
#cboxLoadedContent { overflow: hidden!important; }
.menusliderwrapper { position: relative; clear: both; }
.supplierlistpage_errortext p { margin: 10px 0!important; }
.confirmation_popup_btn { width: 50%; margin: 0 auto 2% auto; }
/* Admin Function General Styles */
.vendormaster_wrapper .RadGrid .rgClipCells .rgHeader, .vendormaster_wrapper .RadGrid .rgClipCells .rgRow td div, .vendormaster_wrapper .RadGrid .rgClipCells .rgRow td.rgsorted div,
.vendormaster_wrapper .RadGrid .rgClipCells .rgAltRow td div, .vendormaster_wrapper .RadGrid .rgClipCells .rgAltRow td.rgsorted div { padding-left: 3px!important; }
/* End of Admin Function General Styles */


/*Adding Plant and storage location - styles */
.Plant_Sloc_Add { float: right; margin: 0 105px 0 5px; }
.Add_plant_sloc_popup { color: #003366; font-family: 'Segoe UI','Trebuchet MS'; font-size: 79%; }
.popup-form { padding: 2% 4%; }
.popup_form_submit { width: 30%; margin: auto; font-size: 13px; }
.Add_plant_sloc_popup input, .Add_plant_sloc_popup textarea { color: #02487c; font-family: 'Segoe UI','Trebuchet MS'; font-size: 100%; }
/*End of Adding Plant and storage location - styles*/


/* ==========================Media queries for Mobile======================== */


@media screen and (min-width:0px) and (max-width:767px) {

    /******** Template and Login page***********/
    .Add_plant_sloc_popup { font-size: 120%; }
    .Plant_Sloc_Add { float: right; margin: 2px 0 0 0; }
    .wrapper { margin: 0 auto; width: 100%; background-color: #ffffff; padding: 0 0 10px 0; min-height: 750px; }
    .mobhide, .tab_mob_hide { display: none !important; }
    .header_div { width: 100%; }
    .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
    .clearfix { display: inline-block; }
    html[xmlns] .clearfix { display: block; }
    * html .clearfix { height: 1%; }
    .header_userinfo_div { width: 100%; }
    .header_userinfo { float: right; margin-right: 10px; padding: 0 0 10px 0; font-size: 125%; }
    #header_separator1 { font-size: 125%; }
    .header_logo_div { width: 100%; padding: 0 0 10px 0; }
    .header_logo { margin: auto; width: 75%; padding: 0% 0% 0% 0%; }
    .header_language_div { width: 100%; }
    .header_language { float: right; padding: 0 0 2% 0; margin: 0 2% 0 0; width: auto; }
    .headerlang_selectdiv { display: inline-block; float: left; background-image: url(); }
    .lang_select { background-color: #02487C; border: 1px solid #356d96; color: #fff; font-size: 12px; float: left; margin: 3px 0 0 0; padding: 3%; }
        .lang_select option { background-color: #02487C; color: #fff; float: left; }
    .country_image_div { float: left; padding: 0 0 0 5px; display: inline-block; }
    #country_image { margin-top: 1%; vertical-align: middle; max-width: 100%; }
    .header_globe { float: left; display: none; }
    .main_container { width: 100%; }
    .page_container { width: 100%; }
    .login_content { width: 100%; position: relative; }
    .login_central_banner { width: 100%; float: left; background-color: #DFDFDF; }
        .login_central_banner img { display: block; margin: auto; }
    .loginpage_information { background-color: #1F8BBC; width: 100%; float: left; padding: 100px 0 5px 0; }
    .logininfo_div { width: 80%; margin: auto; clear: both; padding: 16px 0 0 0; }
    .logininfo_heading { font-size: 175%; font-weight: bold; margin: 4% 0; }
    .logininfo_ul { padding: 0; margin: 0; }
        .logininfo_ul li { padding: 1% 0; list-style: disc outside none; font-size: 140%; }
    .login_div { width: 67%; margin: auto; background-color: #fff; border: 1px solid #00D8FF; border-radius: 10px; position: absolute; left: 16%; top: 8%; behavior: url('/js/PIE.htc'); }
    .login_sections { width: 84%; margin: auto; padding: 0 0 5% 0; }
    .loginsection_heading { color: #02487C; font-weight: normal; font-size: 225%; margin: 2% 0; }
    .login_username_div, .login_password_div { color: #404040 !important; font-size: 150%; width: 100%; margin: 2% 0 0 0; }
        .login_username_div input, .login_password_div input { width: 100%; border: 1px solid #B9CFD7; font-size: 100%; font-family: 'Segoe UI'; border-radius: 3px; margin: 3% 0 0 0; color: #404040; padding: 1.5% 0; behavior: url('/js/PIE.htc'); position: relative; border: 1px solid #B9CFD7; }
    .login_buttons { width: 100%; float: left; margin: 5% 0 0 0; }
    .loginbutton_link { border: 0 none; border-radius: 3px; color: white !important; display: inline-block; font-size: 125%; padding: 2% 7% 2% 7%; text-align: center; text-transform: uppercase; background-color: #1F8BBC; float: left; cursor: pointer; behavior: url('/js/PIE.htc'); position: relative; }
    .header_logoutbtndiv { float: left; position: relative; }
    .logoutbutton_link { background: url('/App_Themes/Supplier_Blue/images/mobile_logout.png') no-repeat 0 0; width: 21px; height: 26px; border: 0 none; color: transparent; margin: 20% 0 0 20%; }
    .forgotten_password { color: #1F8BBC; float: right; text-decoration: none; font-size: 125%; margin: 2% 0 0 0; cursor: pointer; }
    .edititle { color: #1F8BBC; text-decoration: none; font-size: 125%; margin: 2% 0 5% 0;  }
    .logininfo_border { display: none; }
    .header_userinfo_labels { float: left; margin: 3% 0 0; min-height: 10px; }
    .errorcontainder { font-size: 12px; padding: 10px 0 0; }
    .login_sections .labelerror { font-size: 115%; text-align: left; }
    .login_sections .loginerror { text-align: left; }
    /*Footer Styles*/
    footer { border-top: 1px solid #fff; }
    .mars-footer-label { font-size: 120%!important; color: #333333; font-weight: bold!important; }
    .mars-footer-legal p { text-align: center; font-size: 100%!important; font-weight: normal!important; }
    #mars-footer-panel .mars-footer-legal, #mars-footer-panel .mars-footer-list-right { font-size: 120%!important; font-weight: bold!important; }
    .mars-footer-icon { display: none!important; }
    #mars-footer-panel .mars-footer-container { min-width: 300px!important; }
    #mars-footer-panel { margin: 0px !important; padding: 0px !important; }
        #mars-footer-panel.mars-footer-icons .mars-footer-list-right a .mars-footer-label { top: 0px!important; }
        #mars-footer-panel.mars-footer-icons .mars-footer-list-right a { height: 0px!important; width: auto!important; }
        #mars-footer-panel.mars-footer-icons .mars-footer-list-right li { max-width: none !important; width: 23%!important; }
        #mars-footer-panel .mars-footer-container { margin: 0px auto!important; }
    .mars-footer-legal { margin-top: 30px !important; }
    .supplierfooter #mars-footer-panel.mars-footer-icons .mars-footer-list-right li:first-child .mars-footer-label { border-right: 1px solid #333333 !important; }
    .supplierfooter #mars-footer-panel.mars-footer-icons .mars-footer-list-right li:last-child .mars-footer-label { border-left: 1px solid #333333 !important; }
    #mars-footer-panel.mars-footer-icons .mars-footer-list-right a .mars-footer-label { width: 125% !important; }

    /*End of Footer styles*/




    /*@@@@@@@@@@@ supplier-list view and user-admin Mobile styles @@@@@@@@@@@@ */
    .functionalexp_div { margin: auto; width: 96%; }
    .admin_parent { width: 100%; overflow: scroll; border-top: 5px solid #1D8BBC!important; }
        .admin_parent .RadGrid_Default { border-top: 0px solid #fff!important; }
    .admin_parent1 { width: 100%; overflow: scroll; border-top: 0px solid #fff!important; }
        .admin_parent1 .RadGrid_Default { border-top: 0px solid #fff!important; }
    .admin_wrapper { width: 900px; }
    .delete_shipment_wrapper .admin_wrapper { width: 100%; }
    .admin_parent1 .role-selection { width: 900px; }
    .functionalexp_div_content { padding: 5% 0 0 0; }
    .supplierslink_div a { border-radius: 5px 5px 0 0; padding: 7px 14px; position: relative; bottom: 0px; }
    .userslink_div a { border-radius: 5px 5px 0 0; padding: 6.5px 60px; position: relative; bottom: 0px; }
    .sdrPage .stock-ddlOuter .custom_dropdown_outerdiv { float: left; padding: 8px !important; width: 100% !important; }

    .SupplierListStatus .userslink_div a { padding: 5% 35% !important; }
    .shipmentconfirmation .userslink_div a { border-radius: 5px 5px 0 0; padding: 7px 24px; position: relative; bottom: 0px; }
    .Shipmentdeletion_Tabs .userslink_div a { padding: 7px 14px !important; }
    .Shipmentdeletion_Tabs .supplierslink_div a { border-radius: 5px 5px 0 0; padding: 7px 5px; position: relative; bottom: 0px; }

    .Supplier_user_tabs a { border-radius: 5px 5px 0 0; color: #fff; float: left; text-decoration: none; font-size: 125%; }
    .Supplier_user_tabs { padding: 0 0 0 5%; width: auto; }
    .RadGrid_Default .rgMasterTable { font-size: 10px !important; }
    .functionalexp_div_content { width: 100%; margin: auto; }

    /*.wrapper { overflow-x:scroll;}*/
    .Grid_bluebg_btn { font-size: 120%; }
    #supplierlist_error .Grid_bluebg_btn { font-size: 85%; }
    .gridclas .rgFilterRow > td { overflow: auto !important; }

    /*@@@@@@@@@@@ End of supplier-list view and user-admin Mobile styles @@@@@@@@@@@@ */
    /*@@@@@@    Purchase Order styles Mobile  @@@@@@*/
    .purchase_order_grid, .fastshipmentconf_grid { margin: 20px 0 0 0; }
    .shipmentconfirmation .purchase_order_grid, .fastshipmentconf_grid { margin: 0 0 0 0; }
    .grid_header { font-size: 15px; color: #02487C; }
    /*@@@@@@   End of Purchase Order styles Mobile  @@@@@@*/

    /*ddl*/
    .headerlang_selectdiv .sbHolder { background-color: #02487c; border: 1px solid #02487c; height: 24px; min-width: 80px; width: 100%; }
    .headerlang_selectdiv .sbSelector:link, .headerlang_selectdiv .sbSelector:visited, .headerlang_selectdiv .sbSelector:hover { color: #fff; }
    .headerlang_selectdiv .sbOptions { background-color: white; border: 1px solid #98cae0; width: 100%; }
        .headerlang_selectdiv .sbOptions a:link, .headerlang_selectdiv .sbOptions a:visited { color: #02487c; }
        .headerlang_selectdiv .sbOptions a { border-bottom: 1px dotted #98cae0; }
            .headerlang_selectdiv .sbOptions a:hover, .headerlang_selectdiv .sbOptions a:focus, .headerlang_selectdiv .sbOptions a.sbFocus { color: #1f8bbc; }
    .headerlang_selectdiv .sbToggle { background: url("/App_Themes/Supplier_Blue/images/header_mobile_dropdown.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 24px; outline: none; position: absolute; right: 0; top: 0; width: 25px; }
    .headerlang_selectdiv .sbSelector { height: 24px; line-height: 24px; width: 92%; }

    /*ddl*/
    /******** End of Template and Login page***********/

    /******** Stock Report  Mobile***********/
    .stockReport-Outer { padding: 2% 3%; font-family: 'Segoe UI'; color: #333333; position: relative; }
    .SupplierAdd-Outer { padding: 2% 0% 0% 0%; font-family: 'Segoe UI'; color: #333333; position: relative; }
    .stock-head { color: #02487c; font-size: 153%; }
    .dwnld-outer { color: #ffffff; }
    .dwnld-item { }
    .dwnld-img { float: left; max-width: 100%; }
    .dwnld-txt { display: block; }
    .dwnld-margin { }
    .dwnld-order { }
    .dwnld-shipment { }
    .stock-welcome { font-family: 'Segoe Print'; font-size: 90%; padding: 3% 0; }
        .stock-welcome span { color: #ff6600; font-size: 145%; font-family: 'Segoe Print'; }
    .stock-ddlOuter { background-color: #e8f3f8; border: 1px solid #98cae0; padding: 3.3%; border-radius: 3px; margin: 2% 0 0 0; }
    .plant-dropdown { margin-top: 3%; }
    .plant-txt { font-size: 120%; }
    .plant-ddlWrapper { margin-top: 2%; }
    .sloc-dropdown { }
    .sloc-txt { font-size: 120%; }
    .sloc-ddlWrapper { margin-top: 2%; }
    .stockDisplay { width: 60%; margin: 0 auto; }
    .btnDisplayStock { background-color: #1f8bbc; border-radius: 4px; behavior: url('/js/PIE.htc'); position: relative; color: white !important; display: block; font-size: 120%; padding: 4% 2%; text-align: center; text-decoration: none; }
    .custom_dropdown_outerdiv .btnDisplayStock { display: block; font-size: 120%; padding: 2% 2%; margin: 10px auto 0; width: 60%; max-width: 275px; }
    .ddl-marginTop { margin-top: 5%; }

    .stockReport-Outer .ddl-marginTop { margin-top: 20px; }
    /*ddl Mobile*/
    .sbHolder { background-color: white; border: 1px solid #98cae0; height: 24px; width: 60%; }
    .vendormaster_wrapper .sbHolder { width: 80%; }
    .sbSelector:link, .sbSelector:visited, .sbSelector:hover { color: #02487c; }
    .sbOptions { background-color: white; border: 1px solid #98cae0; width: 100%; }
        .sbOptions a:link, .sbOptions a:visited { color: #02487c; }
        .sbOptions a { border-bottom: 1px dotted #98cae0; }
            .sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus { color: #1f8bbc; }
    .sbToggle { background: url('/App_Themes/Supplier_Blue/images/dropdown-arrow.png') 0 0 no-repeat; display: block; height: 24px; outline: none; position: absolute; right: 0; top: 0; width: 26px; }
    .sbSelector { height: 24px; line-height: 24px; width: 80%; }

    /*ddl*/

    .menu { cursor: pointer; float: left; margin-left: 5%; text-align: center; width: 7%; }
    .menuitem { background-color: #1f8bbc; color: white; left: -100%; position: absolute; top: 0; width: 80%; z-index: 5; transition: left 600ms ease-in-out 0s; }
    .upload-wrapper { display: block; color: white; text-decoration: none; }
        .upload-wrapper a { display: block; color: white; text-decoration: none; }
    .menuitem a { padding: 3% 4% 3% 9%; border-bottom: 1px solid #55a7cc; font-size: 125%; }
        .menuitem a:hover { background-color: #1677a9; }
    .expanded .menuitem { left: 0; }
    /******** End of Stock Report ***********/

    /******** upload page ***********/
    .hide { display: none; }
    .upload-outer { color: #333333; font-family: 'Segoe UI'; padding: 2% 3%; position: relative; }
    .template-head { color: #02487c; font-size: 200%; padding-top: 1%; }
    .temp-dwnld { margin-top: 3%; }
    .order-confirm { display: block; background-color: #1f8bbc; border-radius: 3px; color: white; padding: 0.8% 2.5%; behavior: url('/js/PIE.htc'); position: relative; }
    .orderConfirm-img { float: left; width: 13%; }
        .orderConfirm-img img { max-width: 100%; }
    .orderConfirm-txt { float: left; font-size: 147%; margin-left: 3%; margin-top: 0.7%; width: 63%; }
    .ship-confirm { margin-top: 3%; }
    .upload-head { padding-top: 4%; }
    .shipmentTxt { width: 53%; }

    .up-orderConfirm { border-radius: 3px; color: white; background-color: #e8f3f8; border: 1px solid #60adcf; }
    .upl-order { padding: 4% 3%; }
    .upload-arrow { background-color: #1f8bbc; border-radius: 5px; color: white; display: block; margin: 0 auto; padding: 1.3% 2%; width: 94%; behavior: url('/js/PIE.htc'); position: relative; }
    .upload-arrImg { float: left; width: 10%; }
        .upload-arrImg img { max-width: 100%; }
    .upload-arrTxt { float: left; font-size: 178%; margin-left: 3%; margin-top: 0.3%; width: 75%; }
    .lastUptxt { color: #02487c; font-size: 147%; margin: 2% 1.5%; }
    .status-outer { color: #333333; font-size: 147%; margin: 1.5%; }
    .status-txt { font-weight: bold; }
    .successRecords { color: #339900; font-weight: bold; }
    .failedRecords { color: #ff6600; font-weight: bold; }
    .success-records { margin-top: 1.3%; }
    .up-shipConfirm { margin-top: 3%; }


    .importFail { width: 54%; float: left; }
    .btnErrorlog { background-color: #f8eecf; border: 1px solid #aaadae; border-radius: 10px; color: #333333 !important; display: block; float: left; margin-left: 1%; margin-top: 2%; padding: 0 2% 1%; width: 29%; behavior: url('/js/PIE.htc'); position: relative; }
    .err-img img { width: 85%; }
    .err-img { float: left; width: 13%; }
    .err-txt { float: left; font-size: 74%; margin-left: 4%; margin-top: 4%; width: 78%; }
    .file-submit { color: #333333; font-size: 89%; padding: 2% 5.5% 4%; border-top: 1px solid #c0deec; }
    .file-icon { float: left; width: 4%; }
        .file-icon img { width: 85%; }
    .file-name { float: left; margin-left: 5px; width: 90%; font-size: 150%; }
    .submitFile { background-color: #1f8bbc; border-radius: 4px; color: white !important; display: block; margin-top: 3.5%; padding: 2%; text-align: center; text-decoration: none; width: 20%; font-size: 150%; behavior: url('/js/PIE.htc'); position: relative; }

    /* overlay styles, all needed */
    .modal { height: 400px; background-color: white; padding: 1px; }
    .popup-header { background-color: #02487c; color: white; padding: 2%; font-size: 144%; }
    .err-tbl { padding: 4% 3%; }
    .modal-head { color: #1f8bbc; font-size: 142%; width: 38%; }
    .export-outer { position: relative; }
    .err-export { background-color: #1f8bbc; border-radius: 5px; color: white; display: block; font-size: 133%; padding: 1.5% 2%; position: absolute; right: 0; text-align: center; text-decoration: none; top: 0; width: 37%; behavior: url('/js/PIE.htc'); }
    .modalclose { color: white; z-index: 12; }
    .errPopup { display: none; }
    /* ==================   Fast shipment page popup - mobile ==================================*/

    .fastshipmentpage_popup, .supplierlistpage_popup, .userlistpage_popup { height: auto; }
    .fastshipment_errortext { width: 80%; font-size: 12px; font-family: 'Segoe UI'; margin: 10px auto; }
    .supplierlistpage_errortext { width: 80%; font-size: 13px; font-family: 'Segoe UI'; margin: 5px auto; }
        .supplierlistpage_errortext p { margin: 10px 0; }
    .supplierlistpage_popup .popup-header, .userlistpage_popup .popup-header { font-size: 16px; }
    .supplierlistpage_errortext a { padding: 1px 10px; font-size: 100%; margin: 10px 5px 0 0; }
    .statusmessage { position: absolute; }
    .clearfix.statusmessage.SupplierListStatus.labelerror { margin-top: -35px; }
    .functionalexp_div.clearfix { position: relative; }


    /*  ===================  End of fast shipment page popup - mobile  =================================*/


    .err-tbl table { border: 1px solid #333333; border-collapse: collapse; color: #333333; margin: 5% auto 0; width: 93%; }
        .err-tbl table thead th { background-color: #e8f3f8; border-right: 1px solid #333333; padding: 1%; }
        .err-tbl table td { border: 1px solid #333333; padding: 0.5%; text-align: center; }
    /******** End of upload page ***********/

    /**welcome**/
    .welcm-cart { margin-top: 7%; text-align: center; }
    .welcPad { padding-top: 1%; }
    /******** Start of add supplier page Mobile ***********/



    .supaddform_wrap { padding: 1.4% 4% 1.8% 4%; background-color: #e8f3f8 !important; }
    .activation_outer .supaddform_wrap { padding: 1.4% 4% 55% 4%; }
    .shipmentdeletion .activation_outer .supaddform_wrap { padding: 0px !important; }
    .activation_outer .Grid_bluebg_btnbig { font-size: 120%; }
    .supaddformleft { width: 100%; clear: both; }
    .supaddformright { width: 100%; clear: both; }
    .supaddactionbuttons { padding: 2.5% 0% 10% 0%; position: relative; margin: 0px auto; width: 60%; clear: both; }
        .supaddactionbuttons .Grid_bluebg_btnbig { font-size: 130%; }
    .activeactionbuttons { padding: 2.5% 0% 10% 0%; position: relative; margin: 0px auto; width: 100%; clear: both; }
    .supaddform_wrap span { font-size: 150%; color: #003366; padding-left: 0.75%; }
    .SupplierInputTextShipmentDeletion { padding: 0.2% 3%; width: 50%; border: 1px solid #99cccc; }
    .supaddform_wrap input, .supaddform_wrap textarea { font-size: 150%; color: #333333; font-family: 'Segoe UI','Trebuchet MS'; }
    .Supplierinputfield { padding: 0.65% 0% 2.3% 0%; clear: both; }
    .Suppliercheckfield { padding: 0.1% 0% 4.2% 0%; float: left; margin-left: 3%; }
    .SupplierAdd-Outer .RadAutoCompleteBox_Default .racTextToken { font-size: 180%; color: #333333; font-family: 'Segoe UI','Trebuchet MS'; }
    /******** End of add supplier page MObile ***********/
    /**vendor master data page**/
    .master-data { color: #333333; padding: 2% 3%; }
    .masterdata-head { color: #02487c; font-size: 200%; padding-top: 1%; }
    .role-selection { background-color: #1F8BBC; border: 1px solid #1F8BBC; padding: 1.2%; color: #fff; font-size: 100%; }
    .role-selectionUpload { background-color: #1F8BBC; border: 1px solid #1F8BBC; color: #fff; font-size: 100%; }
    .shipmentconfirmation .role-selection { margin: 0 auto 0; }
    .role-txt { float: left; font-size: 12px; margin-top: 4px; }
    .role-ddl { float: left; margin-left: 1%; width: 49%; }

    .vendormaster_wrapper { margin-top: 10px; }
    .master-data .grid-header { font-size: 12px; height: 34px; vertical-align: middle; }
    /**vendor master data page end**/
    .labelerror, .labelstatus {  }
    .SupplierinputfieldValidate { padding-bottom: 0.5%; }
    .statusmessage { text-align: left; }

    /*sd-report Mobile Styles*/
    .stock-ddlOuter .custom_dropdown_outerdiv { float: none; width: 100% !important; padding: 15px 0; }
    /*Added by Suresh*/
    .purchase_order_grid .stock-ddlOuter .custom_dropdown_outerdiv { float: none; width: 100% !important; padding: 15px 14px; }
    /* Removed From above Line margin: 3% auto;*/
    .custom_dropdown_outerdiv.ddl-marginTop.relativpos { padding: 3% 0 0 !important; }
    .sdr_dropdown_div { float: left; margin-top: 2%; }

    .stock-ddlOuter .custom_dropdown_outerdiv .custom_radcombobox .rcbInputCell { width: 100%!important; }

    .stock-ddlOuter .custom_dropdown_outerdiv .custom_radcombobox td.rcbArrowCell { right: 0px!important; }

    .RadComboBoxDropDown_Default { width: 197px!important; }

    /*map supplier styles*/
    .RadComboBoxDropDown_Default { width: 178px !important; }
    /*End of map supplier Styles*/
    .errowarningstyle { font-size: 150% !important; }
    .confirmation_popup_btn { width: 70%; margin: 0 auto 2% auto; }


    /*Start Rad ComboBox Styles*/
    .stock-ddlOuter .RadComboBox, .supaddform_wrap .RadComboBox { width: 82% !important; }
        .stock-ddlOuter .RadComboBox tbody, .supaddform_wrap .RadComboBox tbody { width: 100% !important; display: table!important; }
            .stock-ddlOuter .RadComboBox tbody .rcbInputCell.rcbInputCellLeft, .supaddform_wrap .RadComboBox tbody .rcbInputCell.rcbInputCellLeft { width: 92%!important; float: left; }
    .rcbSlide { width: 100%!important; }
    .RadComboBoxDropDown.RadComboBoxDropDown_Default { width: 81% !important; }
    .stock-ddlOuter .RadComboBox tbody tr, .supaddform_wrap .RadComboBox tbody tr { position: relative!important; }
    .custom_radcombobox td.rcbArrowCell, .supaddformright .custom_radcombobox td.rcbArrowCell, .supaddformleft .custom_radcombobox td.rcbArrowCell { right: 0px !important; }
    .stock-ddlOuter .btnDisplayStock { width: 75%; }
    .uploadform_wrap { padding-left: 0px !important; }
    /*End of Rad ComboBox Styles*/


    .purchase_order_grid .stock-ddlOuter .custom_dropdown_outerdiv { width: auto!important; }
}








/* ==========================End of Media queries for Mobile======================== */

/* ========================== TAblet STYLES ======================= */


/*---------------------media quries for Tablets and desktop--------------------------*/
@media screen and (min-width:768px) and (max-width:991px) {


    .RadAsyncUpload span.ruFileWrap { width: 53% !important; }
    .GrdPurchaseOrder { width: 4.01% !important; }
    .Plant_Sloc_Add { float: right; margin: 0 43px 0 5px; }
    /******** Template and Login page***********/
    .wrapper { padding: 0 0 10px 0; min-height: 750px; }
    .tabhide, .tab_mob_hide { display: none !important; }
    .header_div { width: 100%; margin: auto; }
    .header_logo_div { width: 100%; display: inline-block; float: left; }
    .header_logo { width: 90%; }
        .header_logo img { padding: 0 0 0 5%; }
    .header_language_div { width: 25%; display: inline !important; }
    .login_div { right: 3%; top: 3%; width: 44%; left: auto; background-color: #fff; border: 1px solid #00D8FF; border-radius: 10px; behavior: url('/js/PIE.htc'); position: absolute; border-width: 2px \9; }
    .loginsection_heading { font-size: 150%; }
    .login_username_div, .login_password_div { color: #404040 !important; font-size: 100%; width: 100%; margin: 2% 0 0 0; }
    .loginbutton_link { padding: 2% 7%; border: 0 none; border-radius: 7px; color: white !important; display: inline-block; font-size: 100%; text-align: center; text-transform: uppercase; position: relative; background-color: #1F8BBC; float: left; cursor: pointer; behavior: url('/js/PIE.htc'); }
    .forgotten_password { font-size: 17px; font-weight: 400; }
    .edititle { font-size: 17px; font-weight: 400; }
    .loginpage_information { padding: 2% 0 39% 0; }
    .login_username_div input, .login_password_div input { padding: 2% 2%; width: 96%; font-size: 16px; border: 1px solid #B9CFD7; border-radius: 3px; margin: 3% 0 0 0; color: #404040; behavior: url('/js/PIE.htc'); position: relative; }
    .header_language { float: right; margin: 0px 10px 0 0; padding: 15px 0 10px; width: auto; }
    .lang_select { border: 1px solid #356d96; padding: 4px 10px; margin: 0px; }
    .login_content { width: 100%; margin: auto; }
    .logininfo_div { clear: none; float: left; margin: auto; padding: 10px 30px 20px 16px; width: 27%; }
    .logininfo_heading { font-size: 24px; font-weight: normal; margin: 24px 0px; }
    .login_alerts_ul { font-size: 14px; }
    .logininfo_border { display: block; width: 0px; height: 150px; border-left: 1px solid #006699; border-right: 1px solid #6699cc; float: left; margin: 50px 0 0 0; }
    .logininfo_ul { margin: 0; padding: 0 0 0 20px; }
    .header_userinfo { float: right; padding: 10px 0 0; font-size: 90%; margin-right: 10px; }
    .header_logoutbtndiv { float: left; position: relative; }
    .logoutbutton_link { border: 0 none; border-radius: 3px; color: white !important; display: inline; padding: 5% 15%; text-align: center; background-color: #1F8BBC; float: left; cursor: pointer; behavior: url('/js/PIE.htc'); position: relative; margin: 0 0 0 5px; }
    .header_globe { display: inline; float: left; padding: 0 3px 0 0; }
    .country_image_div { float: left; padding: 0 0 0 5px; display: inline-block; }
    .header_userinfo label, .header_userinfo span { float: left; padding: 0px 2px; }
    .header_userinfo_labels { float: left; margin: 1.5% 0 0; min-height: 30px; }
    /*@@@@@@@@@@@ supplier-list view and user-admin Tablet styles @@@@@@@@@@@@ */
    .functionalexp_div { margin: auto; width: 96%; }
    .admin_parent { width: 100%; border-top: 5px solid #1D8BBC!important; }
        .admin_parent .RadGrid_Default { border-top: 0px solid #fff!important; }
    .admin_parent1 { width: 100%; border-top: 0px solid #fff!important; }
        .admin_parent1 .RadGrid_Default { border-top: 0px solid #fff!important; }
    .functionalexp_div_content { padding: 5% 0 0 0; }
    .supplierslink_div a { border-radius: 5px 5px 0 0; padding: 6px 25px; position: relative; }
    .userslink_div a { border-radius: 5px 5px 0 0; padding: 6px 55px; position: relative; }
    .shipmentconfirmation .userslink_div a { padding: 6px 25px; }
    .Supplier_user_tabs a { border-radius: 5px 5px 0 0; color: #fff; float: left; text-decoration: none; font-size: 125%; }
    .Supplier_user_tabs { padding: 0 0 0 5%; width: auto; }
    .RadGrid_Default .rgMasterTable { font-size: 11px !important; }
    /*@@@@@@@@@@@ End of supplier-list view and user-admin Tablet styles @@@@@@@@@@@@ */
    /*ddl*/
    .headerlang_selectdiv .sbHolder { background-color: #02487c; border: 1px solid #356d96; height: 24px; width: 143px; }
    .headerlang_selectdiv .sbSelector:link, .headerlang_selectdiv .sbSelector:visited, .headerlang_selectdiv .sbSelector:hover { color: #fff; }
    .headerlang_selectdiv .sbOptions { background-color: white; border: 1px solid #98cae0; width: 143px; }
        .headerlang_selectdiv .sbOptions a:link, .headerlang_selectdiv .sbOptions a:visited { color: #02487c; }
        .headerlang_selectdiv .sbOptions a { border-bottom: 1px dotted #98cae0; }
            .headerlang_selectdiv .sbOptions a:hover, .headerlang_selectdiv .sbOptions a:focus, .headerlang_selectdiv .sbOptions a.sbFocus { color: #1f8bbc; }
    .headerlang_selectdiv .sbToggle { background: url("/App_Themes/Supplier_Blue/images/select_bg_darkblue.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 24px; outline: none; position: absolute; right: 0; top: 0; width: 25px; }
    .headerlang_selectdiv .sbSelector { height: 24px; line-height: 24px; width: 157px; }
    .headerlang_selectdiv .sloc-dropdown .sbSelector { width: 97px; }
    .headerlang_selectdiv .sloc-dropdown .sbHolder, .headerlang_selectdiv .sloc-dropdown .sbOptions { width: 124px; }
    /*@@@@@@    Purchase Order styles Tab  @@@@@@*/
    .purchase_order_grid { padding: 30px 0 0 0; }
    .fastshipmentconf_grid { padding: 0px 0 0 0; }
    .grid_header { font-size: 200%; color: #02487C; }
    /*@@@@@@   End of Purchase Order styles Tab  @@@@@@*/
    /*ddl*/
    /********End of Template and Login page Styles***********/

    /******** Stock Report Tablet ***********/
    .ddl-marginTop { margin: 0; }
    .stockReport-Outer { padding: 2% 3%; font-family: 'Segoe UI'; color: #333333; position: relative; }
    .SupplierAdd-Outer { padding: 2% 0% 0% 0%; font-family: 'Segoe UI'; color: #333333; position: relative; }
    .activation_outer { font-size: 110%; }
    .stock-head { color: #02487c; float: left; font-size: 153%; width: 31%; }
    .dwnld-outer { color: #1f8bbc; float: right; width: 63%; }
    .dwnld-item { float: right; width: 26%; }
    .dwnld-img { float: left; max-width: 100%; }
    .dwnld-txt { float: left; font-size: 75%; line-height: 120%; margin-left: 3%; width: 75%; display: block; color: #1f8bbc; text-decoration: none; }
    .dwnld-margin { margin-left: 4%; }
    .dwnld-order { width: 27%; }
    .dwnld-shipment { width: 45%; }
    .stock-welcome { font-family: 'Segoe Print'; font-size: 75%; padding: 2% 0 0 0; }
        .stock-welcome span { color: #ff6600; font-size: 169%; font-family: 'Segoe Print'; }
    .stock-ddlOuter { background-color: #e8f3f8; border: 1px solid #98cae0; padding: 1% 1% 1.5% 1%; border-radius: 3px; margin: 0%; }
    .plant-dropdown { width: 30%; float: left; margin-left: 0%; padding: 0.8% 0; }
    .plant-txt { clear: both; font-size: 90%; margin: 0% 2% 1.5% 0; width: auto; }
    .plant-ddlWrapper { float: left; margin-left: 1%; width: 174px; }
    .sloc-dropdown { width: 20%; float: left; margin-left: 0%; padding: 0.8% 0; }
    .sloc-txt { clear: both; font-size: 90%; margin: 0% 2% 1.5% 0; width: auto; }
    .sloc-ddlWrapper { float: left; margin-left: 1%; width: 80%; }
    .stockDisplay { float: left; width: 18%; }
    .btnDisplayStock { background-color: #1f8bbc; border-radius: 4px; behavior: url('/js/PIE.htc'); position: relative; color: white !important; display: block; font-size: 72%; padding: 6% 2%; text-align: center; text-decoration: none; }
    /*ddl*/
    .sbHolder { background-color: white; border: 1px solid #98cae0; height: 24px; width: 95%; font-size: 12px; }
    .sbSelector:link, .sbSelector:visited, .sbSelector:hover { color: #02487c; }
    .sbOptions { background-color: white; border: 1px solid #98cae0; width: 100%; }
        .sbOptions a:link, .sbOptions a:visited { color: #02487c; }
        .sbOptions a { border-bottom: 1px dotted #98cae0; }
            .sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus { color: #1f8bbc; }
    .sbToggle { background: url('/App_Themes/Supplier_Blue/images/dropdown-arrow.png') 0 0 no-repeat; display: block; height: 24px; outline: none; position: absolute; right: 0; top: 0; width: 26px; }
    .sbSelector { height: 24px; line-height: 24px; width: 84%; }
    .sloc-dropdown .sbSelector { width: 79%; }
    .sloc-dropdown .sbHolder, .sloc-dropdown .sbOptions { width: 100%; }
    /*ddl*/
    .menu { display: none; background-color: #1f8bbc; color: white; cursor: pointer; float: left; margin-left: 29px; margin-top: 19px; padding: 7px 0 10px 12px; width: 60px; border-radius: 4px 4px 0 0; behavior: url('/js/PIE.htc'); position: relative; }
        .menu img { display: block; float: left; margin-top: 1px; }
        .menu .menutxt { float: left; margin-left: 9px; text-transform: uppercase; }
    .upload-wrapper { background-color: #1f8bbc; color: white; font-size: 13px; position: absolute; top: 0; z-index: 3; display: none; left: 28px; min-width: 22%; }
        .upload-wrapper a { border-bottom: 1px solid #55a7cc; display: block; padding: 7px 10px; display: block; color: white; text-decoration: none; }
            .upload-wrapper a:hover { background-color: #1677a9; color: white; }
    .deskshow { display: block !important; position: relative; clear: both; }
    .custom_dropdown_outerdiv .btnDisplayStock { margin-top: 7%; }

    .stockReport-Outer .custom_dropdown_outerdiv .btnDisplayStock { margin-top: 11%; }
    /******** End of Stock Report ***********/

    /******** upload page ***********/
    .hide { display: none; }
    .upload-outer { color: #333333; font-family: 'Segoe UI'; padding: 2% 3%; position: relative; }
    .template-head { color: #02487c; font-size: 155%; padding-top: 1%; }
    .temp-dwnld { margin-top: 1%; }
    .order-confirm { display: block; background-color: #1f8bbc; border-radius: 3px; color: white; float: left; padding: 0.8% 2.5%; width: 43%; behavior: url('/js/PIE.htc'); position: relative; }
    .orderConfirm-img { float: left; width: 13%; }
        .orderConfirm-img img { max-width: 100%; }
    .orderConfirm-txt { float: left; font-size: 100%; margin-left: 4%; width: 63%; margin-top: 1%; }
    .shipmentTxt { margin-top: 4%; width: 82%; }
    .ship-confirm { margin-left: 3.5%; }
    .upload-head { padding-top: 3%; }

    .up-orderConfirm { float: left; border-radius: 3px; color: white; width: 48%; background-color: #e8f3f8; border: 1px solid #60adcf; }
    .upl-order { padding: 4% 4.5%; }
    .upload-arrow { background-color: #1f8bbc; border-radius: 5px; color: white; display: block; margin: 0 auto; padding: 1.3% 2%; width: 94%; behavior: url('/js/PIE.htc'); position: relative; }
    .upload-arrImg { float: left; width: 10%; }
        .upload-arrImg img { max-width: 100%; }
    .upload-arrTxt { float: left; margin-left: 2%; margin-top: 2%; width: 75%; }
    .lastUptxt { color: #02487c; font-size: 89%; margin: 2% 1.5%; }
    .status-outer { color: #333333; font-size: 89%; margin: 1.5%; }
    .status-txt { font-weight: bold; }
    .successRecords { color: #339900; font-weight: bold; }
    .failedRecords { color: #ff6600; font-weight: bold; }
    .success-records { margin-top: 1.3%; }
    .up-shipConfirm { margin-left: 3%; }

    .importFail { width: 46%; float: left; }
    .btnErrorlog { background-color: #f8eecf; border: 1px solid #aaadae; border-radius: 10px; display: block; float: left; padding: 0 2% 1%; width: 26%; margin-left: 1%; margin-top: 2%; color: #333333 !important; behavior: url('/js/PIE.htc'); position: relative; }
    .err-img img { max-width: 100%; }
    .err-img { float: left; width: 13%; }
    .err-txt { float: left; font-size: 78%; margin-left: 4%; margin-top: 3%; width: 75%; }
    .file-submit { color: #333333; font-size: 89%; padding: 2% 5.5% 4%; border-top: 1px solid #c0deec; }
    .file-icon { float: left; width: 4%; }
        .file-icon img { max-width: 100%; }
    .file-name { float: left; margin-left: 1%; width: 90%; }
    .btnFileSubmit { }
    .submitFile { background-color: #1f8bbc; border-radius: 4px; color: white !important; display: block; margin-top: 3.5%; padding: 1%; text-align: center; text-decoration: none; width: 20%; behavior: url('/js/PIE.htc'); position: relative; }

    /* overlay styles, all needed */
    .modal { height: 400px; background-color: white; padding: 1px; }
    .popup-header { background-color: #02487c; color: white; padding: 1.5%; font-size: 125%; }
    .err-tbl { padding: 2% 3%; }
    .modal-head { color: #1f8bbc; font-size: 110%; margin: 0 auto; width: 40%; }
    .export-outer { position: relative; }
    .err-export { background-color: #1f8bbc; border-radius: 7px; color: white; display: block; padding: 0.7%; text-align: center; text-decoration: none; width: 21%; position: absolute; top: 0; right: 0; behavior: url('/js/PIE.htc'); }
    .modalclose { color: white; z-index: 12; }
    .errPopup { display: none; }
    /* ==================   Fast shipment page popup==================================*/

    .fastshipmentpage_popup, .supplierlistpage_popup, .userlistpage_popup { height: auto; }
    .fastshipment_errortext { width: 80%; font-size: 12px; font-family: 'Segoe UI'; margin: 10px auto; }
    .supplierlistpage_errortext { width: 90%; font-size: 14px; font-family: 'Segoe UI'; margin: 10px auto; }
    .supplierlistpage_popup .popup-header, .userlistpage_popup .popup-header { font-size: 16px; }
    .supplierlistpage_errortext a { padding: 1px 10px; font-size: 100%; margin: 10px 5px 0 0; }

    /*  ===================  End of fast shipment page popup  =================================*/


    .err-tbl table { border: 1px solid #333333; border-collapse: collapse; color: #333333; margin: 5% auto 0; width: 93%; }
        .err-tbl table thead th { background-color: #e8f3f8; border-right: 1px solid #333333; padding: 1%; }
        .err-tbl table td { border: 1px solid #333333; padding: 0.5%; text-align: center; }
    /******** End of upload page ***********/

    /**welcome**/
    .welcm-cart { margin-top: 7%; text-align: center; }
    .welcPad { padding-top: 0.5%; }

    /******** Start of add supplier page ***********/
    .supaddform_wrap { padding: 2% 14.8% 39% 14.8%; background-color: #e8f3f8; min-height: 100%; }
    .Userform_Outer .supaddform_wrap { padding: 2% 14.8% 62% 14.8%; background-color: #e8f3f8; min-height: 100%; }
    .supaddformleftemail { float: right; margin: 3.9% 7.2% 0 0; width: 46.5%; }


    .supaddformleft { width: 45.5%; float: left; }
    .supaddformright { width: 46.5%; float: right; }
    .supaddactionbuttons { padding: 3% 0% 5% 0%; position: relative; margin: 0px auto; width: 35%; clear: both; }
    .activeactionbuttons { padding: 1% 0% 2% 0%; position: relative; margin: 0px auto; width: 100%; clear: both; }
    /******** End of add supplier page ***********/
    /**vendor master data page**/
    .master-data { color: #333333; padding: 2% 3%; }
    .masterdata-head { color: #02487c; font-size: 153%; }
    .role-selection { background-color: #1F8BBC; border: 1px solid #1F8BBC; padding: 1%; margin: 3% auto 0; }
    .shipmentconfirmation .role-selection { margin: 0 auto 0; }
    .role-txt { float: left; font-size: 90%; margin-left: 10px; margin-top: 4px; width: auto; color: #fff; }
    .role-ddl { float: left; margin-left: 0.5%; width: 20%; }

    .vendormaster_wrapper { margin-top: 30px; }
    .master-data .grid-header { font-size: 14px; height: 34px; vertical-align: middle; }
    /**vendor master data page end**/
    .labelerror, .labelstatus { font-size: 100%; }
    .errorcontainder { font-family: 'Segoe UI','Trebuchet MS'; font-size: 100%; padding: 2% 0 0; }
    .activateform_wrap { padding: 2% 3.7% 62% 3.7% !important; }
    .shipmentdeletion .activateform_wrap { padding: 2% 3.7% 4% !important; }
    .uploadform_wrap { padding: 4% 3.7% 2% 0% !important; }
    .Grid_bluebg_btn { padding: 4px 10px; font-size: 110%; }
    /*Sd Report Tablet styles*/

    .stock-ddlOuter .custom_dropdown_outerdiv .custom_radcombobox .rcbInputCell { width: 55%!important; }
    .stock-ddlOuter .custom_dropdown_outerdiv .custom_radcombobox td.rcbArrowCell { right: 70px !important; }
    .stock-ddlOuter .custom_dropdown_outerdiv { width: 20% !important; }
    .stockReport-Outer .stock-ddlOuter .custom_dropdown_outerdiv { width: 19% !important; }
    /*.RadComboBoxDropDown_Default {    width: 128px !important;}*/
    .custom_dropdown_outerdiv { margin: 3px 0px 0px 0px; }
        .custom_dropdown_outerdiv.stockDisplay.ddl-marginTop.relativpos { margin: -3px 0 0 0; }

    /*End of Sd Report Tablet Styles*/




}
@media screen and (min-width:992px)and (max-width:1024px) and (orientation:landscape) {
.tabhide { display: none !important; }
}
/*--------------------------------------------End of Media queries for Tablets Only--------------------------*/
    



/*--------------------------------------------Media queries for Desktop Only--------------------------*/
@media screen and (min-width:992px) {
    .GrdPurchaseOrder { width: 4.01% !important; }
    /********Template and Login page Styles***********/
    .deshide { display: none !important; }
    .wrapper { width: 991px; min-height: 500px; }
    .deskshow { display: block !important; position: relative; clear: both; }

    .header_div { width: 991px; margin: auto; font-family: 'Segoe UI'; }
    .header_logo_div { width: 100%; display: inline-block; float: left; }
    .header_logo { width: auto; }
        .header_logo img { padding: 0 0 0 5%; }
    .header_language_div { width: 25%; display: inline !important; width: 100% \9; }
    .header_language { float: right; margin: 0px 30px 0 0; padding: 0 0 10px; width: 20.8% \9; }
    .page_container { background-color: #dfdfdf; width: 100%; }
    .login_div { right: 3%; top: 4%; width: 44%; left: auto; background-color: #fff; border: 1px solid #00D8FF; position: absolute; border-radius: 10px; behavior: url('/js/PIE.htc'); border-width: 2px \9; }
    .loginsection_heading { font-size: 150%; }
    .login_username_div, .login_password_div { color: #404040 !important; font-size: 100%; width: 100%; margin: 2% 0 0 0; }
    .loginbutton_link { padding: 2% 7%; border: 0 none; border-radius: 6px; color: white !important; display: inline-block; font-size: 100%; text-align: center; text-transform: uppercase; position: relative; background-color: #1F8BBC; float: left; cursor: pointer; behavior: url('/js/PIE.htc'); }
    .forgotten_password { font-size: 100%; }
    .edititle { font-size: 100%; }
    .loginpage_information { padding-top: 20px; }
    .login_username_div input, .login_password_div input { padding: 2% 2%; width: 96%; font-size: 15px; }

    .lang_select { border: 1px solid #356d96; padding: 4px 10px; margin: 0px; }
    .login_content { width: 991px; margin: auto; }
    .logininfo_div { clear: none; float: left; margin: auto; padding: 10px 38px 20px 20px; width: 27%; }
    .logininfo_heading { font-size: 24px; font-weight: normal; margin: 20px 0px; }
    .login_alerts_ul { font-size: 14px; }
    .logininfo_border { display: block; width: 0px; height: 150px; border-left: 1px solid #006699; border-right: 1px solid #6699cc; float: left; margin: 50px 0 0 0; }
    .logininfo_ul { margin: 0; padding: 0 0 0 20px; }
        .logininfo_ul li { font-size: 100%; }
    .header_userinfo { float: right; padding: 10px 0 0 0; font-size: 80%; margin: 0 30px 0 0; }
        .header_userinfo label { float: left; }
    .header_logoutbtndiv { float: left; position: relative; }
    .logoutbutton_link { margin: 0px 0px 0px 5px; float: left; border: 0 none; padding: 3px 11px; background-color: #1F8BBC; position: relative; zoom: 1; z-index: 1; border-radius: 3px 3px 3px 3px; behavior: url('/js/PIE.htc'); color: white !important; display: inline-block; text-align: center; cursor: pointer; }

    .header_globe { padding: 0 3px 0 0; float: left; }
    .country_image_div { float: left; padding: 0 0 0 5px; display: inline-block; }
    .header_userinfo label, .header_userinfo span { float: left; padding: 0px 2px; }
    .header_userinfo_labels { float: left; margin: 1% 0 0; min-height: 30px; }
    /*ddl*/
    .headerlang_selectdiv .sbHolder { background-color: #02487c; border: 1px solid #356D96; height: 24px; width: 143px; }
    .headerlang_selectdiv .sbSelector:link, .headerlang_selectdiv .sbSelector:visited, .headerlang_selectdiv .sbSelector:hover { color: #ffffff; }
    .headerlang_selectdiv .sbOptions { background-color: white; border: 1px solid #98cae0; width: 143px; }
        .headerlang_selectdiv .sbOptions a:link, .headerlang_selectdiv .sbOptions a:visited { color: #02487c; }
        .headerlang_selectdiv .sbOptions a { border-bottom: 1px dotted #98cae0; }
            .headerlang_selectdiv .sbOptions a:hover, .headerlang_selectdiv .sbOptions a:focus, .headerlang_selectdiv .sbOptions a.sbFocus { color: #1f8bbc; }
    .headerlang_selectdiv .sbToggle { background: url('/App_Themes/Supplier_Blue/images/select_bg_darkblue.png') 0 0 no-repeat; display: block; height: 24px; width: 25px; outline: none; position: absolute; right: 0; top: 0; }
    .headerlang_selectdiv .sbSelector { height: 24px; line-height: 24px; width: 157px; }
    .headerlang_selectdiv .sloc-dropdown .sbSelector { width: 97px; }
    .headerlang_selectdiv .sloc-dropdown .sbHolder, .headerlang_selectdiv .sloc-dropdown .sbOptions { width: 124px; }
    /*ddl*/
    /********End of Template and Login page Styles***********/


    /********Start of functional-expert-view styles***********/

    .functionalexp_div { width: 93%; margin: auto; }
    .admin_parent { width: 100%; border-top: 5px solid #1D8BBC!important; }
        .admin_parent .RadGrid_Default { border-top: 0px solid #fff!important; }
    .admin_parent1 { width: 100%; border-top: 0px solid #fff!important; }
        .admin_parent1 .RadGrid_Default { border-top: 0px solid #fff!important; }
    .functionalexp_div_content { width: 100%; padding: 20px 0 0 0; }
    .Supplier_user_tabs { width: auto; padding: 0 0 0 5%; }
        .Supplier_user_tabs a { text-decoration: none; float: left; border-radius: 5px 5px 0px 0px; color: #fff; }



    .supplierslink_div a { padding: 6px 25px; border-radius: 5px 5px 0px 0px; position: relative; behavior: url('/js/PIE.htc'); }
    .userslink_div a { padding: 6px 55px; border-radius: 5px 5px 0px 0px; position: relative; behavior: url('/js/PIE.htc'); }
    .shipmentconfirmation .userslink_div a { padding: 6px 25px; }

    .admin_wrapper { }
    .delete_wrapper { width: 100%; font-family: 'Segoe UI'; color: #fff; margin: 10px 0 0 0; }


    /********End of functional-expert-view styles***********/

    /*@@@@@@    Purchase Order styles Desktop  @@@@@@*/
    .purchase_order_grid { padding: 20px 0 0 0; }
    .fastshipmentconf_grid { padding: 0 0 0 0; }

    .purchase_order_grid .RadGrid_Default, .purchase_order_grid .admin_parent1 .RadGrid_Default { border: 1px solid #818284 !important; }
    .grid_header { font-size: 150%; color: #02487C; }
    /*@@@@@@   End of Purchase Order styles Desktop  @@@@@@*/
    /******** Stock Report ***********/
    .ddl-marginTop { margin: 0; }
    .stockReport-Outer { padding: 2% 3% 0% 3%; font-family: 'Segoe UI'; color: #333333; position: relative; }
    .SupplierAdd-Outer { padding: 2% 0% 0% 0%; font-family: 'Segoe UI'; color: #333333; position: relative; }
    .stock-head { color: #02487c; float: left; font-size: 153%; width: 31%; }
    .dwnld-outer { color: #1f8bbc; float: right; width: 58%; }
    .dwnld-item { float: right; width: 26%; }
    .dwnld-img { float: left; max-width: 100%; }
    .dwnld-txt { float: left; font-size: 75%; line-height: 113%; margin-left: 3%; width: 75%; display: block; color: #1f8bbc; text-decoration: none; }
    .dwnld-margin { margin-left: 5%; }
    .dwnld-order { width: 27%; }
    .dwnld-shipment { width: 45%; }
    .stock-welcome { font-family: 'Segoe Print'; font-size: 75%; padding: 0; }
        .stock-welcome span { color: #ff6600; font-size: 169%; font-family: 'Segoe Print'; }
    .stock-ddlOuter { background-color: #e8f3f8; border: 1px solid #98cae0; padding: 1% 1% 1.5% 1%; border-radius: 3px; margin: 0%; }
    .plant-dropdown { float: left; margin-left: 1%; padding: 0.8% 0; }
    .plant-txt { clear: both; font-size: 75%; margin: 0% 2% 1.5% 0; width: auto; }
    .plant-ddlWrapper { float: left; margin-left: 2%; width: 71%; }
    .sloc-dropdown { width: 20%; float: left; margin-left: 2%; padding: 0.8% 0; }
    .sloc-txt { clear: both; font-size: 75%; margin: 0% 2% 1.5% 0; width: auto; }
    .sloc-ddlWrapper { float: left; margin-left: 2%; width: 66%; }
    .stockDisplay { float: left; width: 25%; margin-left: 0; }
    .btnDisplayStock { background-color: #1f8bbc; border-radius: 4px; behavior: url('/js/PIE.htc'); position: relative; color: white !important; display: block; font-size: 78%; padding: 4% 0%; text-align: center; text-decoration: none; }
    .custom_dropdown_outerdiv .btnDisplayStock { margin-top: 8%; }
    .purchase_order_grid .btnDisplayStock { font-size: 100% !important; }
    .purchase_order_grid .custom_dropdown_outerdiv .btnDisplayStock { margin-top: 3%; }
    .sdrPage .btnDisplayStock { font-size: 100% !important; }
    .sdrPage .custom_dropdown_outerdiv .btnDisplayStock { margin-top: 3%; }

    /*ddl*/
    .sbHolder { background-color: white; border: 1px solid #98cae0; height: 24px; width: 186px; }
    .sbSelector:link, .sbSelector:visited, .sbSelector:hover { color: #02487c; }
    .sbOptions { background-color: white; border: 1px solid #98cae0; width: 186px; }
        .sbOptions a:link, .sbOptions a:visited { color: #02487c; }
        .sbOptions a { border-bottom: 1px dotted #98cae0; }
            .sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus { color: #1f8bbc; }
    .sbToggle { background: url('/App_Themes/Supplier_Blue/images/dropdown-arrow.png') 0 0 no-repeat; display: block; height: 24px; outline: none; position: absolute; right: 0; top: 0; width: 26px; }
    .sbSelector { height: 24px; line-height: 24px; width: 157px; }
    .sloc-dropdown .sbSelector { width: 97px; }
    .sloc-dropdown .sbHolder, .sloc-dropdown .sbOptions { width: 124px; }
    /*ddl*/
    .menu { display: none; background-color: #1f8bbc;  border-radius: 4px 4px 0px 0px; position: relative; behavior: url('/js/PIE.htc'); color: white; cursor: pointer; float: left; margin-left: 29px; margin-top: 10px; padding: 5px 0 5px 12px; width: 60px; }
        .menu img { display: block; float: left; margin-top: 1px; }
        .menu .menutxt { float: left; font-size: 83%; margin-left: 9px; text-transform: uppercase; }
    .upload-wrapper { background-color: #1f8bbc; color: white; font-size: 13px; position: absolute; top: 0; z-index: 3; display: none; left: 3%; min-width: 22%; }
        .upload-wrapper a { border-bottom: 1px solid #55a7cc; display: block; padding: 7px 10px; display: block; color: white; text-decoration: none; }
            .upload-wrapper a:hover { background-color: #1677a9; color: white; }

    /******** End of Stock Report ***********/

    /******** upload page ***********/
    .hide { display: none; }
    .upload-outer { color: #333333; font-family: 'Segoe UI'; padding: 2% 3%; position: relative; }
    .template-head { color: #02487c; font-size: 155%; padding-top: 1%; }
    .temp-dwnld { margin-top: 1%; }
    .order-confirm { display: block; background-color: #1f8bbc; border-radius: 3px; color: white; float: left; padding: 0.8% 2.5%; width: 43%; behavior: url('/js/PIE.htc'); position: relative; }
    .orderConfirm-img { float: left; width: 13%; }
        .orderConfirm-img img { max-width: 100%; }
    .orderConfirm-txt { float: left; font-size: 100%; margin-left: 4%; width: 63%; }
    .shipmentTxt { margin-top: 3%; width: 82%; }
    .ship-confirm { margin-left: 3.5%; }
    .upload-head { padding-top: 3%; }

    .up-orderConfirm { float: left; border-radius: 3px; color: white; width: 48%; background-color: #e8f3f8; border: 1px solid #60adcf; }
    .upl-order { padding: 4% 4.5%; }
    .upload-arrow { background-color: #1f8bbc; border-radius: 5px; color: white; display: block; margin: 0 auto; padding: 1.3% 2%; width: 94%; behavior: url('/js/PIE.htc'); position: relative; }
    .upload-arrImg { float: left; width: 10%; }
        .upload-arrImg img { max-width: 100%; }
    .upload-arrTxt { float: left; margin-left: 2%; margin-top: 1.3%; width: 75%; }
    .lastUptxt { color: #02487c; font-size: 89%; margin: 2% 1.5%; }
    .status-outer { color: #333333; font-size: 89%; margin: 1.5%; }
    .status-txt { font-weight: bold; }
    .successRecords { color: #339900; font-weight: bold; }
    .failedRecords { color: #ff6600; font-weight: bold; }
    .success-records { margin-top: 1.3%; }
    .up-shipConfirm { margin-left: 3.5%; }

    .importFail { width: 54%; float: left; }
    .shipmentconfirmation .importFail { width: 21%; float: left; }
    .btnErrorlog { background-color: #f8eecf; border: 1px solid #aaadae; border-radius: 10px; display: block; float: left; padding: 0 2% 1%; width: 26%; margin-left: 1%; margin-top: 2%; color: #333333 !important; behavior: url('/js/PIE.htc'); position: relative; }
    .shipmentconfirmation .btnErrorlog { background-color: #f8eecf; border: 1px solid #aaadae; border-radius: 10px; color: #333333 !important; display: block; float: left; margin-top: 0; padding: 0 0 0.4% 0.5%; position: relative; width: 15%; }
    .err-img img { max-width: 100%; }
    .err-img { float: left; width: 13%; }
    .err-txt { float: left; font-size: 78%; margin-left: 2%; margin-top: 4%; width: 75%; }
    .file-submit { color: #333333; font-size: 89%; padding: 2% 5.5% 4%; border-top: 1px solid #c0deec; }
    .file-icon { float: left; width: 4%; }
        .file-icon img { max-width: 100%; }
    .file-name { float: left; margin-left: 1%; width: 90%; }
    .btnFileSubmit { }
    .submitFile { background-color: #1f8bbc; border-radius: 4px; color: white !important; display: block; margin-top: 3.5%; padding: 1%; text-align: center; text-decoration: none; width: 20%; behavior: url('/js/PIE.htc'); position: relative; }

    .modal { height: 400px; background-color: white; padding: 1px; }
    .popup-header { background-color: #02487c; color: white; padding: 1.5%; font-size: 125%; }
    .err-tbl { padding: 2% 3%; }
    .modal-head { color: #1f8bbc; font-size: 110%; margin: 0 auto; width: 30%; }
    .export-outer { position: relative; }
    .err-export { background-color: #1f8bbc; border-radius: 7px; color: white; display: block; padding: 0.5%; text-align: center; text-decoration: none; width: 14%; position: absolute; top: 0; right: 0; behavior: url('/js/PIE.htc'); }
    .modalclose { color: white; z-index: 12; }
    .errPopup { display: none; }


    /* ==================   Fast shipment page popup==================================*/
    .fastshipmentpage_popup, .supplierlistpage_popup, .userlistpage_popup { height: auto; }
    .fastshipment_errortext { width: 80%; font-size: 12px; font-family: 'Segoe UI'; margin: 10px auto; }
    .supplierlistpage_errortext { width: 80%; font-size: 14px; font-family: 'Segoe UI'; margin: 10px auto; }
    .supplierlistpage_popup .popup-header, .userlistpage_popup .popup-header { font-size: 16px; }
    .supplierlistpage_errortext a { padding: 1px 10px; font-size: 100%; margin: 10px 5px 0 0; }
    /*  ===================  End of fast shipment page popup  =================================*/



    .err-tbl table { border: 1px solid #333333; border-collapse: collapse; color: #333333; margin: 5% auto 0; width: 93%; }
        .err-tbl table thead th { background-color: #e8f3f8; border-right: 1px solid #333333; padding: 1%; }
        .err-tbl table td { border: 1px solid #333333; padding: 0.5%; text-align: center; }

    /******** End of upload page ***********/

    /**welcome page**/
    .welcm-cart { margin-top: 7%; text-align: center; }
    .welcPad { padding-top: 0.5%; }

    /******** Start of add supplier page ***********/
    .supaddform_wrap { padding: 2% 14.8% 14% 14.8%; background-color: #e8f3f8; min-height: 100%; }
    .supaddformleft { width: 45.5%; float: left; }
    .supaddformright { width: 46.5%; float: right; }
    .activateform_wrap { padding: 2% 3.7% 15% 3.7% !important; }
    .shipmentdeletion .activateform_wrap { padding: 2% 3.7% 4% !important; }
    .uploadform_wrap { padding: 4% 3.7% 2% 0% !important; }
    .supaddformleftemail { float: right; margin: 3.5% 7.9% 0 0; width: 46.5%; }
    /******** End of add supplier page ***********/
    /**vendor master data page**/
    .master-data { color: #333333; padding: 2% 3% 0% 3%; }
    .masterdata-head { color: #02487c; font-size: 153%; }
    .role-selection { background-color: #1F8BBC; border-right: 2px solid #1F8BBC; border-left: 2px solid #1F8BBC; padding: 1%; margin: 3% auto 0; }
    .shipmentconfirmation .role-selection { margin: 0 auto 0; }
    .role-txt { float: left; font-size: 90%; margin-top: 1px; width: auto; color: #fff; padding: 0 5px 0 0; }
    .role-ddl { float: left; width: 186px; }
    .vendormaster_wrapper { margin-top: 0px; margin-top: 27px \9; }
    .master-data .grid-header { font-size: 14px; height: 34px; vertical-align: middle; }
    /**vendor master data page end**/
}

/*--------------------------------------------End of Media queries for Desktop Only--------------------------*/

/* ========================== MEDIA STYLES ======================= */