A:link, A:hover, A:focus, A:active, A:visited, A:active:visited { border: medium none; outline-width: 0; }
:focus { outline: 0; }
* :focus { outline: 0; }

* { margin: 0; }
html, body { height: 100%; }
body { height: 100%; margin: 0px; padding: 0px; font-family: Arial; font-size: 13px; background-image: url("../Images/bg.jpg"); }
.bodyForReportViewr { height: 100%; margin: 0px; padding: 0px; font-family: Arial; font-size: 13px; background-image: url("../Images/bg.jpg"); }
.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -40px; /*background-image:url("../Images/fan.png");*/ background-position: center bottom 60px; background-repeat: no-repeat; }
.header { height: 170px; width: 100%; margin: 0 auto; }
.headerContext { padding-top: 15px; margin: 0 auto; width: 1000px; }
.mainContext { width: 1000px; margin: 0 auto; padding: 0; text-align: right; }
.footerPush { height: 40px; }
.footer { width: 1000px; height: 39px; margin: 0 auto; font-size: 12px; background-image: url("../Images/menuBG.png"); background-repeat: repeat-x; }
.footerContext { padding-top: 10px; color: #45120e; }
.footerContext a { color: #45120e; font-weight: bold; text-decoration: none; }
.footerContext a:hover { text-decoration: underline; }

.menuTD { border-left: 1px Solid #45120e; }
.menuTD a { color: #45120e; text-decoration: none; font-weight: bold; }
.menuTD a:hover { text-decoration: underline; }

.menuTDDefault { width: 120px; }
.menuTDDelivery { width: 120px; padding-right: 20px; }
.menuTDPO { padding-right: 20px; width: 100px; }
.menuTDWeekend { padding-right: 20px; width: 100px; }
.menuTDFactory { padding-right: 20px; width: 100px; border-left: none; }
.menuTDLogOut { text-align: left; border-left: none; padding-left: 5px; }
.menuTDLine { height: 4px; background-image: url("../Images/menuBG.png"); background-repeat: repeat-x; }

.btn { border: none; outline: 0; border: 0; color: White; text-align: center; cursor: pointer; background-color: #815A4E; }
.btn:hover { text-decoration: underline; }

/************* Login *******************/

.txtLogin { width: 250px; line-height: 16px; padding: 4px; font-size: 1.6em; border: 1px Solid #a1a1a1; }
.textBoxStyle { vertical-align: middle; height: 18px; width: auto; border: 1px solid #cccccc; }
.hover { white-space: nowrap; text-align: left; color: #FFFFFF; text-decoration: underline; display: block; font-weight: normal; text-align: center; }
.gridStyle { color: #45120e; background-color: White; }
.gridStyle A { color: #45120e; }
.gridRow { padding: 12px 12px 12px 12px; margin-top: 5px; color: Red; }
.grvOrderItems { color: #45120e; background-color: White; }
.grvOrderItems A:VISITED { color: #45120e; }
.grvFooter { text-align: right; }

.purDemandTitle { color: #4AFE03; font-weight: bold; }

/* modal loading message */
.modalBackgroundLoad { filter: Alpha(Opacity=50); -moz-opacity: 0.5; opacity: 0.5; width: 100%; height: 100%; background-color: #000; position: fixed; z-index: 1500; top: 0px; left: 0px; }
.modalContainerLoad { position: fixed; left: 50%; top: 50%; z-index: 1750; }
.modalLoad { position: relative; top: -150px; left: -150px; z-index: 2000; padding: 0px; }
.modalLoading { border: double #444444; background-color: White; height: 100px; width: 240px; padding-top: 20px; font-weight: bold; z-index: 2150; }


/**************** POItem ********************/

.TreeViewContainer { width: 280px; height: 330px; overflow: auto; direction: rtl; }
.TreeViewTdSelected { font-weight: bold; }

.leafTree { height: 20px; font-weight: bold; font-size: 11px; border-bottom: 0px solid; border-top: 0px solid; width: 190; color: #45120e; padding-right: 4px; padding-left: 4px; }

ul.item-list li.item-collapse { list-style-image: url('../images/minus.png'); margin-right: 18px; padding-bottom: 8px; color: #45120e; }
ul.item-list li.item-expand { list-style-image: url('../images/plus.png'); margin: 0px; padding-bottom: 8px; color: #45120e; }
.item-list A:VISITED { color: #45120e; }

.rgRow, .rgAltRow { font-weight: 500; color: black; }
.rgRow.disabled, .rgAltRow.disabled { color: darkgray; }

.mobilePartDes {display:none;}

.riContSpinButtons { padding-right: 0px !important; }

/******* Datepicker *********/

.date { background: #fff url('../Images/calendar.jpg') no-repeat 8px center; }

.ui-datepicker { background: #fff; border: 1px solid #ccc; color: #EEE; }
.ui-datepicker .ui-datepicker-header { background: #fff; border-color: #fff; }
.ui-datepicker .ui-datepicker-header a.ui-datepicker-next:hover, .ui-datepicker .ui-datepicker-header a.ui-datepicker-prev:hover { background: none; border: 0; color: #fff; }
.ui-datepicker-calendar thead { background: #1c1c1a; }
.ui-datepicker-calendar thead th.col { color: #fff; }

.Highlighted a { background-color: orange !important; background-image: none !important; }

/********PR********/

.tdUpdateOrd { font-size: 16px; color: red; }
tr.isInitStatusFlag,
.gridStyle tr.isInitStatusFlag a,
.gridStyle tr.isInitStatusFlag a:visited { color: red; }
tr.isChangeQnt,
.gridStyle tr.isChangeQnt a,
.gridStyle tr.isChangeQnt a:visited { color: blue; }

/******** supplyDates table (in Master) *************/

.headerContext { direction: rtl; }
.divLogo { display: inline-block; width: 120px; float: left; height: 40px; padding-top: 20px; }
.tableSupplyDates { display: inline-block; text-align: center; border: 1px solid; margin-right: 200px; }
.supplyDates { display: inline-block; font-size: 16px; border-left: 1px solid; }
.supplyDates:last-child { border-left: none; }
.supplyDates:last-child .seperator { width: 100%; }
.supplyDatesFirstRow,
.supplyDatesSecondRow { width: 50px; height: 22px; padding-top: 3px; }
.supplyDatesFirstRow { }
.supplyDates.red .supplyDatesFirstRow,
.supplyDates.red .supplyDatesSecondRow { color: red; }
.seperator { border-top: 1px solid; width: 110%; }
.supplyDatesHeader .supplyDatesFirstRow,
.supplyDatesHeader .supplyDatesSecondRow { width: 170px; }

/******* login page comments *****/

.tableComments { padding-top: 50px; direction: rtl; font-size: 16px; margin: 0 auto; }
.tableComments span { font-weight: 700; }
.closeOpenDirection { background-color: green; }
.mobileHeader { display: none; }
.openCloseAll { background-color: #4A1301; color: white; font-weight: bold; border: 1px solid white; padding: 5px; margin-left: 10px; border-radius: 5px; }

/************* mobile *************/

@media only screen and (max-width:500px) {
    .headerContext { width: auto; }
    .tableSupplyDates { margin-right: 15px; }
    .mainContext { width: auto; padding-top: 95px; font-size: 10px; }
    .footer { width: auto; }
    .menuTDDefault { padding-right: 15px; }
    .ajax__calendar_container { padding: 0px; }
    .divLogo { padding-left: 20px; }
    .menuTDLogOut { padding-left: 15px; }
    .tdLoginMobile { padding-left: 0px !important; }
    .curencyMobile { display: none; }
    .mobilePartHeader { display: none !important; }

    .mobilePartDes { display: block; text-align: right; font-weight: bold; border: solid 2px white; font-size: 17px;}
}

@media only screen and (max-width:460px) {
    .supplyDatesHeader .supplyDatesFirstRow, .supplyDatesHeader .supplyDatesSecondRow { width: 135px; }
    .supplyDatesFirstRow, .supplyDatesSecondRow { width: 45px; height: 20px; padding-top: 3px; }
    .tableSupplyDates { margin-right: 5px; }
    .textBoxDateToMobile { width: 80px !important; }
    .textBoxRemarksToMobile { width: 80px !important; }
    .dropDwonToMobile { width: 120px !important; }
    .ajax__calendar_container { margin-left: -85px !important; }
    .gridStyleDeliveryMobile { font-size: 16px; }
    .labelDate { font-size: 15px; }
    .btnGoDeliveryMobile { margin-top: 16px; }
    .gridStyleSalesMobile { font-size: 15px; }
    .labelDateMobile { font-size: 16px; }
    .btnGoSalesMobile { margin-top: 16px; }
    .btnGoPoMobile { margin-top: 16px; }
    .trPoItemsMobile { display: none; font-size: 15px; font-weight: bold; }
    .divOfItemsMobile { border: 1px solid; background-color: white; line-height: 25px; }
    .lblRightItemMobile { margin-right: 5px; width: 250px; display: inline-block; vertical-align: top; }
    .lblLeftItemMobile { margin-right: 5px; width: 135px; display: inline-block; }
    .riContSpinButtons { padding-right: 0px !important; }
    .lblNoRightMobile { width: auto !important; }
    .tdSalesMobile { font-size: 15px; }
    .tdLoginMobile { padding-left: 0px !important; }
    .menuTDWeekend { width: 80px; }
    .menuTDFactory { width: 80px; }
    .tdBranchMobile { text-align: center; font-size: 15px; font-weight: bold; display: block }
    .tdFreeTextMobile { display: block; text-align: center; font-size: 10px; }
    .menuTD { border-left: 1px Solid #45120e; padding-right: 0px !important; width: 100px !important; align-items: center; text-align: center; padding-left: 3.5px; }
    .lbtnOrderMobile { color: red !important; font-weight: bold !important; }
    .packDisplayMobile { display: none; }
    .mobileTableUp { margin-top: -50px; }
    .mobileButtonsCloseOpenAll { text-align: center; line-height: 5; }
    .mobileLoginUp { margin-top: -170px; }
}

@media only screen and (max-width:380px) {
    .supplyDatesHeader .supplyDatesFirstRow, .supplyDatesHeader .supplyDatesSecondRow { width: 90px; }
    .mainContext { font-size: 9px; }
    .txtDocNoMobile { width: 70px; }
    .btnGoDeliveryMobile { width: 32px !important; }
    .gridStyleDeliveryMobile { font-size: 12px; margin-right: 7px; }
    .textBoxDateToMobile { width: 52px !important; }
    .RadGrid_Default { padding-right: 0px !important; }
}

@media only screen and (max-width:500px) {

    .RadGrid thead tr { position: absolute; top: -9999em; left: -9999em; }
    .RadGrid tr { border: 0.125em none #333; }

    .RadGrid tr + tr { margin-top: 0em; }
    .RadGrid .rgPager { margin-top: 1em; }

    .RadGrid tr,
    .RadGrid thead tr,
    .RadGrid td { display: block; }
    .RadGrid td { border: none; border-bottom: 0.125em none #333; /* Leave a space for data labels */ padding-left: 50%; padding: .25em .4375em; }

    .RadGrid td:before { content: attr(data-label); display: inline-block; font-weight: bold; line-height: 1.0; width: 100%; }

    .RadGrid .rgWrap.rgNumPart a:not(.rgCurrentPage) { display: none; }
    .RadGrid .rgWrap.rgAdvPart { margin-top: 4px; }
    html body .RadGrid .rgHeader,
    html body .RadGrid .rgGroupHeader { height: 150px; }

    .RadGrid_Default { border-color: transparent !important; padding-right: 25px; color: #333; background-color: transparent !important; font-family: inherit; font-size: 14px; line-height: 1.42857143; }
    html body .RadGrid .rgHeader, html body .RadGrid .rgGroupHeader { height: 40px; width: 352px !important; }
    .RadGrid .rgRow, .RadGrid .rgAltRow, .RadGrid .rgHeader, .RadGrid .rgResizeCol, .RadGrid .rgPager, .RadGrid .rgGroupPanel, .RadGrid .rgGroupHeader { cursor: default; width: 352px; }
    .RadGrid_Default .rgRow > td, .RadGrid_Default .rgAltRow > td, .RadGrid_Default .rgEditRow > td, .RadGrid_Default .rgFooter > td { border-width: 0 0 0 0 !important; }
    .mobileHeader { display: inline-block; font-weight: bold; width: 200px; }
}

/*
.tableSupplyDates { display: none !important; }
.menuTDWeekend {display: none!important;}
.menuTDFactory {display: none!important;}
*/