html { width: 100%; height: 100%; margin:0; padding: 0; }
body { width: 100%; height: 100%; margin:0; padding: 0; }
.SurfaceContainer {}
.CanvasContainer {}
.LogoContainer { height:60px; vertical-align: middle; }
.Logo { background-image: url('/Asset/Image/Logo/App.png'); background-repeat: no-repeat; width:360px; max-width:360px; height: 74px; cursor: pointer; }
.LogoText { font-family: Calibri, Helvetica, Arial; font-size: 16pt; color: #3B6ABF; font-weight: bold; }
.HeaderLine { background-image: url('/Asset/Theme/BlackPearl/Header/Header.Line.png'); background-repeat: repeat-x; height:5px; height:5px; width:100%; font-size: 1pt; }
.HeaderFooter { background-image: url('/Asset/Theme/BlackPearl/Header/Header.Footer.png'); background-repeat: repeat-x; height:16px; height:16px; }
.MenuContainer { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: white; }
.MenuHeaderLeft { background-image: url('/Asset/Theme/BlackPearl/Menu/Menu.Header.Left.png'); background-repeat: no-repeat; width:7px; max-width:7px; }
.MenuHeaderCenter { background-image: url('/Asset/Theme/BlackPearl/Menu/Menu.Header.Center.png'); background-repeat: repeat-x; height: 43px; line-height:40px; width:165px; text-align:center; }
.MenuHeaderRest { background-image: url('/Asset/Theme/BlackPearl/Menu/Menu.Header.Center.png'); background-repeat: repeat-x; height: 43px; line-height:40px; }
.MenuHeaderRight { background-image: url('/Asset/Theme/BlackPearl/Menu/Menu.Header.Right.png'); background-repeat: no-repeat; width:7px; max-width:7px; }
.MenuFooterCenter { background-image: url('/Asset/Theme/BlackPearl/Menu/Menu.Footer.Center.png'); background-repeat: repeat-x; }
.MenuHeaderContainerLink { cursor: pointer; }
.MenuHeaderContainerLink:hover { background-color: #B64E90; color: white; }
.MenuHeaderContainerLinkSelected{ background-color: #B64E90; color: white; cursor:pointer; }
.MenuBodyContainer { margin-top: -3px; }
.MenuLineLeft { background-image: url('/Asset/Theme/BlackPearl/Menu/Menu.Line.Left.png'); width: 7px; min-width: 7px; max-width: 7px; height: 2px; font-size:1pt; }
.MenuLineCenter { background-image: url('/Asset/Theme/BlackPearl/Menu/Menu.Line.Center.png'); background-repeat: repeat-x; height: 2px; font-size:1pt; }
.MenuLineRight { background-image: url('/Asset/Theme/BlackPearl/Menu/Menu.Line.Right.png'); width: 7px; min-width: 7px; max-width: 7px; height: 2px; font-size:1pt; }
.MenuBodyLeft { background-image: url('/Asset/Theme/BlackPearl/Menu/Menu.Body.Left.png'); width: 7px; min-width: 7px; max-width: 7px; }
.MenuBodyCenter { background-image: url('/Asset/Theme/BlackPearl/Menu/Menu.Body.Center.png'); background-repeat: repeat; text-align:left; }
.MenuBodyRight { background-image: url('/Asset/Theme/BlackPearl/Menu/Menu.Body.Right.png'); width: 7px; min-width: 7px; max-width: 7px; }
.MenuFooterLeft { background-image: url('/Asset/Theme/BlackPearl/Menu/Menu.Footer.Left.png'); width: 7px; min-width: 7px; max-width: 7px; height:3px; font-size: 1pt; }
.MenuFooterCenter { background-image: url('/Asset/Theme/BlackPearl/Menu/Menu.Footer.Center.png'); background-repeat: repeat; height:3px; font-size: 1pt; }
.MenuFooterRight { background-image: url('/Asset/Theme/BlackPearl/Menu/Menu.Footer.Right.png'); width: 7px; min-width: 7px; max-width: 7px; height:3px; font-size: 1pt; }
.MenuSeparator { width: 15px;}
.MenuHeaderText { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: #B64E90; text-decoration: none; font-weight: bold; }
.MenuHeaderTextRow { height: 30px; }
.MenuLinkRow { height: 18px; }
.MenuLinkContainer {}
.MenuLink { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: white; text-decoration: none; }
.MenuLink:hover { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: #FFF835; text-decoration: none; }
.PageContainer { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: black; border: solid 1px #CF3C28; background-color: #F2F2F2; }
.PageHeaderRow { height:5px; max-height:5px; font-size:1pt; }
.PageHeaderLeft { background-image: url('/Asset/Theme/BlackPearl/Page/Page.Header.Left.png'); background-repeat: no-repeat; width:5px; max-width:5px; height: 5px; max-height:5px; font-size:1pt; }
.PageHeaderCenter { background-image: url('/Asset/Theme/BlackPearl/Page/Page.Header.Center.png'); background-repeat: repeat-x; height: 5px; max-height:5px; font-size:1pt; }
.PageHeaderRight { background-image: url('/Asset/Theme/BlackPearl/Page/Page.Header.Right.png'); background-repeat: no-repeat; width:5px; max-width:5px; height: 5px; max-height:5px; font-size:1pt; }
.PageBodyRow { }
.PageBodyLeft { background-image: url('/Asset/Theme/BlackPearl/Page/Page.Body.Left.png'); background-repeat: repeat-y; width:5px; max-width:5px; font-size:1pt; }
.PageBodyCenter { background-color: #F2F2F2; font-family: Calibri, Helvetica, Arial; font-size: 10pt; }
.PageBodyRight { background-image: url('/Asset/Theme/BlackPearl/Page/Page.Body.Right.png'); background-repeat: repeat-y; width:5px; max-width:5px; font-size:1pt; }
.PageFooterrRow { height: 7px; max-height: 7px; font-size:1pt;}
.PageFooterLeft { background-image: url('/Asset/Theme/BlackPearl/Page/Page.Footer.Left.png'); background-repeat: no-repeat; width:5px; max-width:5px; height: 7px; max-height:7px; font-size:1pt; }
.PageFooterCenter { background-image: url('/Asset/Theme/BlackPearl/Page/Page.Footer.Center.png'); background-repeat: repeat-x; height: 7px; max-height:7px; font-size:1pt; }
.PageFooterRight { background-image: url('/Asset/Theme/BlackPearl/Page/Page.Footer.Right.png'); background-repeat: no-repeat; width:5px; max-width:5px; height: 7px; max-height:7px; font-size:1pt; }
.FooterContainer { }
.FooterText { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma; font-size: 10pt; color: white; text-decoration:none; }
.FieldContainer {}
.FieldSearchContainer {}
.FieldCaptionRow { height: 30px; }
.FieldCaption { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Column.png'); background-repeat: repeat-x; font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma; font-size: 9pt; color: white; }
.FieldSearch { height: 24px; }
.FieldSearchRow { height: 24px; }
.FieldRow { height: 30px; }
.FieldRowBreak { height: 5px; font-size:1pt; }
.FieldRowButton { height: 70px; }
.FieldHeaderContainer {}
.FieldHeaderRow { height: 24px;}
.FieldHeaderSpace { width: 5px; max-width: 5px; font-size: 1pt; }
.FieldHeaderText { font-family: Calibri, Helvetica, Arial; font-size: 10pt; font-weight: bold; }
.FieldMandatory { font-family: Calibri, Helvetica, Arial; font-size: 10pt; text-align: right; color: #333333;}
.FieldNotMandatory { font-family: Calibri, Helvetica, Arial; font-size: 10pt; text-align: right; color: #333333;}
.FieldText { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: #333333; }
.FieldTextPress { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: #F44336; }
.ValidationText { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: red; }
.Text { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: #333333; }
.PressText { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: red; }
.Large { font-size: 16pt; }
.Link { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: blue; }
.Link:hover { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: blue; text-decoration: underline; }
.PromotionText { font-family: Calibri, Helvetica, Arial; font-size: 12pt; color: #333333; }
.TextBox { font-family: Calibri, Helvetica, Arial !important; font-size: 10pt !important; border: solid 1px silver; background-color: white; color: black; }
.TextBox:focus { border: solid 1px gold; background-color: #FFE699; }
/*.TextBox:read-only { background-color: #d8d4d4 !important; }*/
.TextBox:disabled { background-color: #d8d4d4 !important; }
.TextArea { font-family: Calibri, Helvetica, Arial !important; font-size: 10pt !important; border: solid 1px silver; background-color: white; color: black; resize:none; }
.TextArea:focus { border: solid 1px gold; background-color: #FFE699; }
/*.TextArea:read-only { background-color: #d8d4d4 !important; }*/
.TextArea:disabled { background-color: #d8d4d4 !important; }
.DropDownList { font-family: Calibri, Helvetica, Arial !important; font-size: 10pt !important; border: solid 1px silver; background-color: white; color: black; }
.DropDownList:focus { border: solid 1px gold; background-color: #FFE699; }
/*.DropDownList:read-only { background-color: #d8d4d4 !important; }*/
.DropDownList:disabled { background-color: #d8d4d4 !important; }
.LookUpAutoCompleteContainer { border: solid 1px silver; background-color: white; }
.LookUpAutoCompleteTextBox { border: none; font-family: Calibri, Helvetica, Arial !important; font-size: 10pt !important; color: black; width:100%; }
.LookUpAutoCompleteButton { background-image: url('/Asset/Theme/BlackPearl/LookUp/LookUpAutoComplete.png'); background-repeat: no-repeat; width:22px; height:18px; cursor: pointer; }
.ui-autocomplete { background-color:white !important; font-family: Calibri, Helvetica, Arial !important; font-size: 10pt !important; color: black; }
.Widget_Item_TextBox { border-top:none; border-left:none; border-right:none; border-bottom: solid 2px silver; background-color: white !important; width:50px; height: 30px; text-align:center; margin-left:5px; margin-right:5px; }
.Widget_Item_TextBox:focus { border-top:none; border-left:none; border-right:none; border-bottom: solid 2px #F44336; }
/*.ButtonAction { background-attachment : scroll; background-clip : border-box; background-color : rgb(96, 131, 203); background-image : linear-gradient(rgb(96, 131, 203), rgb(46, 97, 186)); background-origin : padding-box; background-position-x : 0%; background-position-y : 0%; background-repeat : repeat; background-size : auto; border-bottom-color : #2E75B6; border-bottom-left-radius : 3px; border-bottom-right-radius : 3px; border-bottom-style : solid; border-bottom-width : 1px; border-collapse : collapse; border-left-color : #2E75B6; border-left-style : solid; border-left-width : 1px; border-right-color : #2E75B6; border-right-style : solid; border-right-width : 1px; border-top-color : #2E75B6; border-top-left-radius : 3px; border-top-right-radius : 3px; border-top-style : solid; border-top-width : 1px; box-shadow : 0px 1px 0px rgba(255,255,255,0.5), inset 0px 0px 2px rgba(255,255,255,0.15), inset 0px 1px 0px rgba(255,255,255,0.15); box-sizing : content-box; color : #fff; cursor : pointer; font-family : Arial, Helvetica, Tahoma, Verdana, Sans-Serif; font-size : 12px; height : 22px; width : 120px; line-height : normal; margin-bottom : 0px; margin-left : 0px; margin-right : 0px; margin-top : 0px; padding-left : 0px; padding-right : 0px; text-align : center; text-decoration : none; text-shadow : 0px -1px 0px #55830c; vertical-align : middle; white-space : nowrap; }
.ButtonAction:hover { background-color : rgb(120, 150, 220); background-image : linear-gradient(rgb(120, 150, 220), rgb(70, 120, 200)); }*/
/*.GridContainer { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: white; width: 100%; table-layout:fixed; border-right: solid 1px #CF3C28; }
.GridContainerWithoutBorder { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: white; width: 100%; table-layout:fixed; }
.GridColumn { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Column.png'); background-repeat: repeat-x; height: 29px; color: white;}
.GridColumnNo { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Column.png'); background-repeat: repeat-x; height: 29px; color: white;}
.GridColumnLast { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Column.png'); background-repeat: repeat-x; height: 29px; color: white;}
.GridRowNo { color: black; height: 26px !important; text-align: center; }
.GridRowNoOdd { background-color: #ffffff; color: black !important; height: 26px !important; border-top: solid 1px #EAEAEA; }
.GridRowNoEven { background-color: #EAEAEA; color: black !important; height: 26px !important; }
.GridRowContainerOdd { background-color: #ffffff; min-height: 26px !important; height: 26px !important; cursor: pointer; overflow: hidden; text-overflow: ellipsis; text-wrap:avoid;}
.GridRowContainerOdd:hover { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Row.Selected.png'); background-repeat: repeat-x; }
.GridRowContainerEven { background-color: #EAEAEA; min-height: 26px !important; height: 26px !important; cursor: pointer; overflow: hidden; text-overflow: ellipsis; text-wrap: avoid; }
.GridRowContainerEven:hover { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Row.Selected.png'); background-repeat: repeat-x; }
.GridRow { color: black; height: 26px !important; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; padding-left: 2px; padding-right: 2px; text-align: left; }
.GridRowButton { }
.GridRowSelected { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Row.Selected.png'); background-repeat: repeat-x; }
.GridButtonReset { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.Reset.png'); background-repeat: no-repeat; width:16px; height:16px; background-size: 16px; }
.GridButtonPreview { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.Preview.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonSelect { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.Select.png'); background-repeat: no-repeat; width:16px; height:16px; background-size: 16px; }
.GridButtonDetails { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.Details.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonUpload { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.Upload.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonDownload { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.Download.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonView { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.View.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonEdit { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.Edit.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonDelete { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.Delete.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonCandidate { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.Candidate.png'); background-repeat: no-repeat; width:24px; height:24px; background-size: 24px; }
.GridButtonPeople { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.People.png'); background-repeat: no-repeat; width:24px; height:24px; background-size: 24px; }*/
/*.PageNavigatorContainer { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: black; width: 100%; height: 26px; }
.PageNavigator { color: black; min-width: 20px; width: auto; height: 20px; margin-left:5px; text-align: center; cursor: pointer; }
.PageNavigator:hover { background-color: #ED1B24; color: white; min-width: 20px; width: auto; height: 20px; margin-left:5px; text-align: center; }
.PageNavigatorSelected { background-color: #ED1B24; color: white; min-width: 20px; width:auto; height: 20px; margin-left:5px; text-align: center; cursor: pointer; }
.PageNavigatorTextBox { font-family: Calibri, Tahoma, Verdana; font-size: 10pt; border: solid 1px silver; text-align: center; color: black; width: 25px; }
.PageNavigatorTextBox:focus { border: solid 1px gold; background-color: #FFE699; }*/
.LoadingContainer { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: black; }
.HeaderItemText { font-family: Calibri, Helvetica, Arial; font-size: 15pt; color: black; }
.ItemRow { height: 30px; }
.ItemRowBreak { height: 5px; font-size: 1pt; }
.ItemTextCode { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma; font-size: 10pt; color: #333333; font-weight: bold; }
.ItemTextName { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma; font-size: 10pt; color: #333333; }
.ItemTextPriceBefore { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma; font-size: 10pt; color: #ABABAB; }
.ItemTextPriceAfter { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma; font-size: 12pt; color: #ED1B24; font-weight: bold; }
.ItemTextDescription { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma; font-size: 10pt; color: #333333; font-style:italic; }
/*.ItemContainer { float:left; width: 176px; height: 292px; margin-top: 10px; margin-bottom: 10px; margin-right: 10px; }*/
.ItemContainer { float:left; width: 235px; height: 435px; margin-top: 10px; margin-bottom: 10px; margin-right: 10px; border: solid 1px #ffffff; }
.ItemContainer:hover { border: solid 1px #ED1B24; }
.ButtonAddToCart { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma; font-size: 10pt; background-color: #ED1B24; color: white; border: none; height:35px; }
.ButtonAddToCart:hover { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma; font-size: 10pt; background-color: #ED1B24; color: white; }
.ButtonAddToCart_Selected { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma; font-size: 10pt; background-color: #ED1B24; color: white; }
.ButtonShare { width: 100%; background-image: url('/Asset/Image/Icon/IconShare.png'); background-repeat:no-repeat; background-color:#90B542; background-size: 75%; background-position: center; height: 35px; cursor: pointer; }
.ButtonShare:hover { width: 100%; background-image: url('/Asset/Image/Icon/IconShare.png'); background-repeat:no-repeat; background-color:#abbd84; background-size: 75%; background-position: center; height: 35px; cursor: pointer; }
.ButtonAddToWishList { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma; font-size: 10pt; background-color: #F4777B; color: white; border: none; height:35px; }
.ButtonAddToWishList:hover { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma; font-size: 10pt; background-color: #F4777B; color: white; }
.ButtonAddToWishList_Selected { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma; font-size: 10pt; background-color: #F4777B; color: white; }
.ButtonAddToWishList2 { width: 100%; background-image: url('/Asset/Image/Icon/Favorite2.png'); background-repeat:no-repeat; background-color:#90B542; background-size: 75%; background-position: center; height: 35px; cursor: pointer; }
.ButtonAddToWishList2:hover { width: 100%; background-image: url('/Asset/Image/Icon/Favorite2.png'); background-repeat:no-repeat; background-color:#abbd84; background-size: 75%; background-position: center; height: 35px; cursor: pointer; }
.ButtonAddToWishList2_Selected { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma; font-size: 10pt; background-color: #F4777B; color: white; }
.ButtonProductDetails { width: 100%; font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma; font-size: 10pt; color: white; background-color:#F28626; border: none; height: 35px; cursor: pointer; }
.ButtonProductDetails:hover { width: 100%; font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma; font-size: 10pt; color: white; background-color:#fe993f; border: none; height: 35px; cursor: pointer; }
.ButtonProductDetails_Selected { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma; font-size: 10pt; background-color: #F4777B; color: white; }
.ButtonMobileDeviceOnly { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma; font-size: 10pt; background-color: #FFBF00; color: white; border: none; height:35px; border-radius: 10px !important; cursor: pointer; }
.ButtonChip { border: solid 1px #F44336; border-radius: 15px; padding: 5px; background-color: #FFFFFF; text-align:center; font-size:10px !important; color: #F44336; cursor: pointer; }
.ButtonChip span { font-size:8pt !important;}
.ButtonChip_Filled { border: solid 1px #F44336; border-radius: 15px; padding: 5px; background-color: #F44336; text-align:center; font-size:10px !important; text-align:center; color:white; cursor: pointer; }
.ButtonChip_Filled span { font-size:8pt !important;}
.FooterHeaderCenter { background-image: url('/Asset/Theme/BlackPearl/Footer/Footer.Header.Center.png'); background-repeat: repeat-x; height:16px; height:16px; }
.FooterLine { background-image: url('/Asset/Theme/BlackPearl/Footer/Footer.Line.png'); background-repeat: repeat-x; height:5px; height:5px; width:100%; font-size: 1pt; }
.FooterContainer { }
.FooterBodyCenter { background-color: #ED1B24; color:white; }
.FooterHeaderRow { height: 40px; }
.FooterFieldRow { height: 24px; }
.FooterHeaderText { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma; font-size: 16pt; color: white; }
.FooterLink { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma; font-size: 10pt; color: white; text-decoration:none; }
.FooterLink:hover { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma; font-size: 10pt; color: white; text-decoration:underline; }
.CopyrightRow { height: 30px; }
.CopyrightContainer { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma; font-size: 10pt; background-color: white; color: #333333; font-weight: bold; }
.OtoShop_Menu_Link { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma !important; font-size: 10pt !important; color: #333333 !important; text-decoration:none; font-weight: bold; }
.OtoShop_Menu_Link:hover { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma !important; font-size: 10pt !important; color: #ED1B24 !important; text-decoration:none; font-weight: bold; }
.OtoShop_Register_Link { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma !important; font-size: 8pt !important; color: #333333; text-decoration:none; }
.OtoShop_Text_Red { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma !important; font-size: 8pt !important; color: red; text-decoration:none; }
.OtoShop_Menu_Product_Container { cursor: pointer; }
.OtoShop_Menu_Product_Container_Selected { border-bottom: solid 2px #ED1B24;}
.OtoShop_Menu_Product_Header_Row { height: 40px; }
.OtoShop_Menu_Product_Header_Text { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma; font-size: 10pt; color: #ED1B24; font-weight: bold; }
.OtoShop_Menu_Product_Body_Row { height: 24px; }
.OtoShop_Menu_Product_Link {}
.App_Menu_Link { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma !important; font-size: 10pt !important; color: #333333 !important; text-decoration:none; }
.App_Menu_Link:hover { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma !important; font-size: 10pt !important; color: #ED1B24 !important; text-decoration:none; }
.DiscountContainer { background-image: url('/Asset/Image/Icon/GreenCircle.png'); background-repeat: no-repeat; }
.DiscountText { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma !important; font-size: 10pt !important; color: white; text-decoration:none; }
.PaymentOnline_CMSText { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma !important; font-size: 10pt !important; color: #333333; }
.PaymentOnline_PaymentText { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma !important; font-size: 10pt !important; color: #333333; font-weight: bold; }
.PaymentOnline_PaymentBox { border: solid 1px #24A370; background-color: #3DBF8A; color: #ffffff; padding-left: 5px; }
.HotPromo_ToolBar_Container { background-image: url('/Asset/Theme/BlackPearl/HotPromo/HotPromo_ToolBar_Body_Center.png'); background-repeat: repeat-x; height:45px; }
.HotPromo_ToolBar_Link { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma; font-size: 10pt; color: #333333; font-weight: bold; }
.HotPromo_Container { border: solid 1px silver; background-color: white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.HotPromo_Header_Row { height: 30px; }
.HotPromo_Header_Text { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma; font-size: 10pt; color: #333333; font-weight: bold; }
.HotPromo_Header_PeriodText { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma; font-size: 10pt; color: #333333; }
.HotPromo_Header_Link { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma; font-size: 10pt; color: #ED1B24; }
.HotPromoDetails_Header_Text { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma; font-size: 14pt; color: #333333; font-weight: bold; }
.HotPromoDetails_Header_PeriodText { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma; font-size: 12pt; color: #333333; }
.HotPromoDetails_Content_Text { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma; font-size: 11pt; color: #333333; }
.PeekCartContainer { border : solid 1px silver; width : 270px; height : 400px; overflow : auto; background-color: white; }
.PeekCartRow { height : 100px; border-top : solid 1px silver; cursor : pointer; }
.PeekCartText_SKU { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma !important; font-size: 8pt !important; color: #333333 !important; text-decoration:none; }
.PeekCartText_Price { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma !important; font-size: 8pt !important; color: #333333 !important; text-decoration:none; }
.PeekCartText_Quantity { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma !important; font-size: 8pt !important; color: #333333 !important; text-decoration:none; text-align: right; vertical-align: bottom; }
.PeekCartText_TotalQuantity { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma !important; font-size: 8pt !important; color: #ED1B24 !important; text-decoration:none; font-size: 13pt !important; font-weight: bold; }
.Icon_Loading { background-image: url('/Asset/Theme/BlackPearl/Icon/Loading.gif'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_Close { background-image: url('/Asset/Theme/BlackPearl/Icon/Button.Close.png'); background-repeat: no-repeat; width:15px; max-width:15px; height:15px; max-height:15px; cursor: pointer; }
.Icon_Role { background-image: url('/Asset/Theme/BlackPearl/Icon/Role.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_User { background-image: url('/Asset/Theme/BlackPearl/Icon/User.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_StudentGroup { background-image: url('/Asset/Theme/BlackPearl/Icon/StudentGroup.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_Student { background-image: url('/Asset/Theme/BlackPearl/Icon/Student.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_TeacherGroup { background-image: url('/Asset/Theme/BlackPearl/Icon/TeacherGroup.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_Teacher { background-image: url('/Asset/Theme/BlackPearl/Icon/Teacher.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_MyProfile { background-image: url('/Asset/Theme/BlackPearl/Icon/MyProfile.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_ChangePassword { background-image: url('/Asset/Theme/BlackPearl/Icon/ChangePassword.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_MessageBoard { background-image: url('/Asset/Theme/BlackPearl/Icon/MessageBoard.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_Course { background-image: url('/Asset/Theme/BlackPearl/Icon/Course.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_Forum { background-image: url('/Asset/Theme/BlackPearl/Icon/Forum.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_News { background-image: url('/Asset/Theme/BlackPearl/Icon/News.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_Calendar { background-image: url('/Asset/Theme/BlackPearl/Icon/Calendar.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_Library { background-image: url('/Asset/Theme/BlackPearl/Icon/Library.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_Report { background-image: url('/Asset/Theme/BlackPearl/Icon/Report.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_Configuration { background-image: url('/Asset/Theme/BlackPearl/Icon/Configuration.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_SystemUpdate { background-image: url('/Asset/Theme/BlackPearl/Icon/SystemUpdate.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_ProductDetails_Share { background-image: url('/Asset/Image/Icon/IconProductDetails_Share_Unfocus.png'); background-repeat: no-repeat; width:32px; max-width:32px; height:32px; max-height:32px; background-size:cover; }
.Icon_ProductDetails_Share:hover { background-image: url('/Asset/Image/Icon/IconProductDetails_Share_Focus.png'); background-repeat: no-repeat; width:32px; max-width:32px; height:32px; max-height:32px; }
.Icon_ProductDetails_Cart { background-image: url('/Asset/Image/Icon/IconProductDetails_Cart_Unfocus.png'); background-repeat: no-repeat; width:32px; max-width:32px; height:32px; max-height:32px; background-size:cover; }
.Icon_ProductDetails_Cart:hover { background-image: url('/Asset/Image/Icon/IconProductDetails_Cart_Focus.png'); background-repeat: no-repeat; width:32px; max-width:32px; height:32px; max-height:32px; }
.Icon_ProductDetails_Wishlist { background-image: url('/Asset/Image/Icon/IconProductDetails_Wishlist.png'); background-repeat: no-repeat; width:32px; max-width:32px; height:32px; max-height:32px; background-size:cover; }
.Icon_ProductDetails_Wishlist_Filled { background-image: url('/Asset/Image/Icon/IconProductDetails_Wishlist_Filled.png'); background-repeat: no-repeat; width:32px; max-width:32px; height:32px; max-height:32px; background-size:cover; }
.AutoComplete_ProductExtension_Item { background-color: white; border-bottom: solid 1px silver; cursor: pointer; }
.AutoComplete_ProductExtension_Item:hover { background-color: #efefef; }
.ui-widget { background: none !important; background-color: transparent; }
.ui-widget-header { background: none !important; background-color: #A3A3A3 !important; border: none !important; }
.ui-widget-content { border-color: #ABABAB !important; }
.ui-datepicker { background-color : white !important; font-family: Calibri, Tahoma, Verdana !important; font-size: 10pt !important; z-index: 9999999 !important; }
.ui-datepicker-trigger { position: relative; top: 4px; left: 2px; cursor: pointer; }
.ui-datepicker-month { color: #333333; font-weight: normal; }
.ui-datepicker-year { color: #333333; font-weight: normal; }
.ui-dialog { width: 100% !important; height: 100% !important; }
.ui-dialog-titlebar { display: none; }
.ui-tabs:hover { }
.ui-tabs-nav { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: black; }
.ui-tabs-nav:hover { }
.ui-state-default a { background-color: #FFFFFF !important; color : #000000 !important; font-weight: normal !important; }
.ui-state-default a:hover { background-color: #FFFFFF !important; color: gold !important; font-weight: normal!important; }
.ui-state-active a { color: blue !important; font-weight: bold !important; }
.ui-state-active a:hover { color: blue !important; font-weight: bold !important; }
.ui-state-hover { background-color: #ffffff !important; }
.ui-menu { padding: 0px; }
.ui-menu-item { padding: 0px; }
.ui-menu .ui-menu-item a { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: black; background-color: #ffffff; height: 26px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; text-wrap:avoid; }
.ui-menu .ui-menu-item:hover{ background-color: #FF0000 !important; }
.ItemBox { border: solid 1px silver; background-color: white; margin-top:5px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color:rgb(105, 105, 105); }
.DialogBox { border: solid 1px silver; background-color: white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color:rgb(105, 105, 105); }
.TextBoxMobile { background-color: white; border: none; width: 100%; }
.FieldLineMobile { border-bottom: solid 1px #ED1B24; }
.ButtonEmpty { border: none; background-color: transparent; width:32px; height:32px; }
.BasicDiscountContainer { background-color: #92d050; border-radius: 35px; border: solid 1px #92d050; width: 35px; height: 35px; color: white; line-height:30px; font-size:5pt !important; }
.AddDiscountContainer { background-color: #00B0F0; border-radius: 35px; border: solid 1px #00B0F0; width: 35px; height: 35px; color: white; line-height:30px; font-size:5pt !important; }
.WebDiscountContainer { background-color: #a824e5; border-radius: 35px; border: solid 1px #a824e5; width: 35px; height: 35px; color: white; line-height:30px; font-size:5pt !important; }
.CashDiscountContainer { background-color: #ED1B24; border-radius: 35px; border: solid 1px #ED1B24; width: 35px; height: 35px; color: white; line-height:30px; font-size:5pt !important; }
.ExtraDiscountContainer { background-color: #FFC000; border-radius: 35px; border: solid 1px #FFC000; width: 35px; height: 35px; color: white; line-height:30px; font-size:5pt !important; }
.BadgeNotificationText { position:absolute;top:0px;left:35px;background-color:red; color:white; font-size:8pt;border:1px solid red; border-radius:50px; padding:2px; }
.LoadingAnimation { border: 7px solid #f3f3f3; border-top: 7px solid red; border-bottom: 7px solid #3498db; border-radius: 50%; width: 70px; height: 70px; animation: spin 1s linear infinite; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.tableShake { animation: shake 0.7s; }
.TextPIN { font-family:'Segoe UI Light', 'Calibri Light', 'Roboto Light', 'Helvetica Neue', Calibri, Tahoma; font-size:20pt !important; color: #ec7971 !important; }
.ButtonPIN { width:100%; height:100%; background-color:transparent; border:none; font-family:'Segoe UI Light', 'Calibri Light', 'Roboto Light', 'Helvetica Neue', Calibri, Tahoma; font-size:24pt !important; color: #ec7971 !important; }
.ButtonPIN:focus { animation: ButtonPIN_Click 0.2s; }
@keyframes ButtonPIN_Click
{
0% { background-color: #ec7971; }
100% { background-color: transparent; }
}
@keyframes shake
{
0% { transform: translate(10px); }
10% { transform: translate(-10px); }
20% { transform: translate(10px); }
30% { transform: translate(-10px); }
40% { transform: translate(10px); }
50% { transform: translate(-10px); }
60% { transform: translate(10px); }
70% { transform: translate(-10px); }
80% { transform: translate(10px); }
90% { transform: translate(-10px); }
100% { transform: translate(0px); }
}
.TextARConfirmationHeader { font-family:'Segoe UI Light', 'Calibri Light', 'Roboto Light', 'Helvetica Neue', Calibri, Tahoma; font-size:12pt !important; color: white !important; }
.TextARConfirmationBody { font-family:'Segoe UI Light', 'Calibri Light', 'Roboto Light', 'Helvetica Neue', Calibri, Tahoma; font-size:8pt !important; color: white !important; }
/*21-Jan-2026: Disable Mobile View*/
/*@media screen and (min-width:0px) and (max-width: 1049px)
{
.DesktopHeader { display: none; }
#DesktopEntryOrder { display: none; }
.EntryOrderHeader { font-size: 16pt; color:#696969; border-bottom: solid 2px #696969; cursor: pointer; }
.EntryOrderHeader_Selected { font-size: 16pt; color:#ED1B24; border-bottom: solid 2px #ED1B24; cursor: pointer; }
.ReportHeader { font-size: 16pt; color:#696969; border-bottom: solid 3px #696969; cursor: pointer; }
.ReportHeader_Selected { font-size: 16pt; color:#ED1B24; border-bottom: solid 3px #ED1B24; cursor: pointer; }
.EntryOrderHeader span { font-size: 12pt; }
.EntryOrderHeader_Selected span { font-size: 12pt; }
.BodyContent { margin-top: 40px; }
.ButtonAction { background-color: #ED1B24; color: white; width: 100%; height:30px; border: none; font-size: 12pt; font-weight: bold; }
.Button { background-color: #cbcbcb; color: #333333; width: 100%; height:30px; border: none; font-size: 12pt; font-weight: bold; }
.TextBox { background-color: white; border: none; width: 100%; }
.DropDownList { background-color: white; border: none; width: 100%; }
H1 { font-size: 16px; font-weight: bold; color: #ED1B24; text-align: center; }
#trReportParameter { display: none; }
#trMobileReportParameter { display: table-row; }
#trDesktopReportFooter { display: none; }
#trMobileReportFooter { display: block; }
.HotPromo_ToolBar_Filter { display: block; }
.ReportTBody { }
.GridContainer { }
.GridContainerWithoutBorder { }
.GridColumn { }
.GridColumnNo { }
.GridColumnLast { }
.GridRowNo { }
.GridRowNoOdd { }
.GridRowNoEven { }
.GridRowContainerOdd { }
.GridRowContainerOdd:hover { }
.GridRowContainerEven { }
.GridRowContainerEven:hover { }
.GridRow { }
.GridRowButton { }
.GridRowSelected { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Row.Selected.png'); background-repeat: repeat-x; }
.GridButtonReset { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.Reset.png'); background-repeat: no-repeat; width:16px; height:16px; background-size: 16px; }
.GridButtonPreview { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.Preview.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonSelect { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.Select.png'); background-repeat: no-repeat; width:16px; height:16px; background-size: 16px; }
.GridButtonDetails { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.Details.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonUpload { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.Upload.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonDownload { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.Download.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonView { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.View.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonEdit { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.Edit.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonEdit2 { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.Edit.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonDelete { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.Delete.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonCandidate { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.Candidate.png'); background-repeat: no-repeat; width:24px; height:24px; background-size: 24px; }
.GridButtonPeople { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.People.png'); background-repeat: no-repeat; width:24px; height:24px; background-size: 24px; }
.GridButtonImage { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.Image.png'); background-repeat: no-repeat; width:24px; height:24px; background-size: 24px; }
.GridButtonApprove { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.Approve.png'); background-repeat: no-repeat; width:16px; height:16px; background-size: 16px; }
.MobileHeader { background-color: #ED1B24; position: fixed; top: 0px; z-index: 9999999; }
#MobileEntryOrder { display: table; }
.MobileMenuIcon { width:32px;height:32px;background-image:url('/Asset/Theme/BlackPearl/Menu/MobileMenu.png'); background-repeat:no-repeat; cursor: pointer; }
.MobileLogo { width:200px;height:39px;background-image:url('/Asset/Image/Logo/MRLogo.png'); background-repeat:no-repeat; }
.MobileLogoAOP { width:193px;height:43px;background-image:url('/Asset/Theme/BlackPearl/Logo/MobileLogoAOP.png'); background-repeat:no-repeat; }
.MobileMenuContainer { background-color: #ED1B24; }
#divMobileMenu { position:fixed; top: 0px; left:0px; width:350px; height: auto; background-color: #ED1B24; display:none; }
.MobileMenuRow { height: 40px; }
.MobileMenuRowBreak { height: 10px; font-size:1pt; }
.MobileMenuText { font-family: Arial, Tahoma; font-size: 11pt; color: white; }
.MobileMenuLink { font-family: Arial, Tahoma; font-size: 11pt; color: white; }
.MobileMenuLink:hover { color: white; }
.MobileMenuLine { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileMenuLine.png'); background-repeat: repeat-x; margin-top: 5px; }
.MobileSearchContainer { background-color: white; height:32px; }
.MobileSearchIcon { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileIconSearch.png'); background-repeat: no-repeat; width: 40px; height: 32px; margin-top:0px; cursor:pointer; }
.MobileSearchIcon_Selected { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileIconSearch_Selected.png'); background-repeat: no-repeat; width: 24px; height: 24px; }
.MobileSearchTextBox { border: solid 0px red; padding: 4px; font-family: Tahoma; font-size: 11pt; width: 99%; height:32px; outline: none; }
.MobileIconHome { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileIconHome.png'); background-repeat: no-repeat; padding-left: 25px; }
.MobileIconHotPromo { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileIconHotPromo.png'); background-repeat: no-repeat; padding-left: 25px; }
.MobileIconAplikasiKendaraan { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileIconAplikasiKendaraan.png'); background-repeat: no-repeat; padding-left: 25px; }
.MobileIconFavorite { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileIconFavorite.png'); background-repeat: no-repeat; padding-left: 25px; }
.MobileIconContactUs { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileIconContactUs.png'); background-repeat: no-repeat; padding-left: 25px; }
.MobileIconAboutUs { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileIconAboutUs.png'); background-repeat: no-repeat; padding-left: 25px; }
.MobileIconReport { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileIconReport.png'); background-repeat: no-repeat; padding-left: 25px; }
.MobileIconCart { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileIconCart.png'); background-repeat: no-repeat; padding-left: 25px; }
.MobileIconPayment { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileIconPayment.png'); background-repeat: no-repeat; padding-left: 25px; }
.MobileIconLogin { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileIconLogin.png'); background-repeat: no-repeat; padding-left: 25px; }
.MobileIconLogout { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileIconLogout.png'); background-repeat: no-repeat; padding-left: 25px; }
.MobileIconRegister { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileIconRegister.png'); background-repeat: no-repeat; padding-left: 25px; }
.MobileIconChangePassword { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileIconChangePassword.png'); background-repeat: no-repeat; padding-left: 25px; }
.MobileIconDelete { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileIconDelete.png'); background-repeat: no-repeat; width:32px; height:32px; cursor: pointer; }
.MobileIconMenuClose { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileIconMenuClose.png'); background-repeat: no-repeat; width: 16px; height: 16px; cursor: pointer; }
.MobileIconPoint { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileIconPoint.png'); background-repeat: no-repeat; width: 18px; height: 18px; cursor: pointer; }
.MobileIconVoucher { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileIconVoucher.png'); background-repeat: no-repeat; width: 24px; height: 24px; cursor: pointer; }
#divMobileBelt { display: block; }
.MobileBeltContainer { width:50px; height: 50px; color: #696969; cursor: pointer; padding-top:4px; }
.MobileBeltContainer_Selected { width:50px; height: 50px; color: #ED1B24; cursor: pointer; padding-top:4px; }
.MobileBeltContainer:hover { background-color:silver; }
.MobileBeltIconHome { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileBeltIconHomeV2.png'); background-repeat: no-repeat; width:32px; height:32px; }
.MobileBeltIconHome_Selected { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileBeltIconHome_SelectedV2.png'); background-repeat: no-repeat; width:32px; height:32px; }
.MobileBeltIconHotPromo { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileBeltIconHotPromo.png'); background-repeat: no-repeat; width:32px; height:32px; }
.MobileBeltIconHotPromo_Selected { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileBeltIconHotPromo_Selected.png'); background-repeat: no-repeat; width:32px; height:32px; }
.MobileBeltIconCart { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileBeltIconCartV2.png'); background-repeat: no-repeat; width:32px; height:32px; }
.MobileBeltIconCart_Selected { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileBeltIconCart_SelectedV2.png'); background-repeat: no-repeat; width:32px; height:32px; }
.MobileBeltIconPayment { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileBeltIconPaymentV2.png'); background-repeat: no-repeat; width:32px; height:32px; }
.MobileBeltIconPayment_Selected { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileBeltIconPayment_SelectedV2.png'); background-repeat: no-repeat; width:32px; height:32px; }
.MobileBeltIconLogin { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileBeltIconLoginV2.png'); background-repeat: no-repeat; width:32px; height:32px; }
.MobileBeltIconLogin_Selected { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileBeltIconLogin_SelectedV2.png'); background-repeat: no-repeat; width:32px; height:32px; }
.MobileBeltIconLogout { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileBeltIconLogout.png'); background-repeat: no-repeat; width:32px; height:32px; }
.MobileBeltIconLogout_Selected { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileBeltIconLogout_Selected.png'); background-repeat: no-repeat; width:32px; height:32px; }
.MobileBeltIconMessage { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileBeltIconMessageV2.png'); background-repeat: no-repeat; width:32px; height:32px; }
.MobileBeltIconMessage_Selected { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileBeltIconMessage_SelectedV2.png'); background-repeat: no-repeat; width:32px; height:32px; }
.MobileReportBox { border: solid 1px silver; background-color: white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color:rgb(105, 105, 105); }
.MobileReportTable
, .MobileReportThead
, .MobileReportTfoot
, .MobileReportTBody
, .MobileReportTh
, .MobileReportTd
, .MobileReportTr
, .MobileReportFooterTd { display: block; }
.MobileReportTHead .MobileReportTr { position: absolute; top: -9999px; left: -9999px; }
.MobileReportTr { border: 0px solid #eee !important; margin-bottom:10px; }
.MobileReportTd:hover { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Row.Selected.png'); background-repeat: repeat-x; }
.MobileReportTrRest { display:none; }
.MobileReportTd { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; text-align:left !important; height:30px; }
.MobileReportTd:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; }
.MobileReportFooterTd { background-color:#ED1B24; border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; text-align:left !important; color:white ; height:30px; }
.MobileReportFooterTd:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; }
.FieldText { color: #333333; }
.FieldLine { border-bottom: solid 1px #ED1B24; }
#DialogBox { width: 350px; }
#divPromoSearch { width: 350px; display: none; }
.PageNavigatorContainer { display: none; }
.MobilePageNavigatorContainer { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: black; width: 100%; height: 26px; }
.PageNavigator { color: black; min-width: 20px; width: auto; height: 20px; margin-left:5px; text-align: center; cursor: pointer; }
.PageNavigator:hover { background-color: #ED1B24; color: white; min-width: 20px; width: auto; height: 20px; margin-left:5px; text-align: center; }
.PageNavigatorSelected { background-color: #ED1B24; color: white; min-width: 20px; width:auto; height: 20px; margin-left:5px; text-align: center; cursor: pointer; }
.PageNavigatorTextBox { font-family: Calibri, Tahoma, Verdana; font-size: 10pt; border: solid 1px silver; text-align: center; color: black; width: 25px; }
.PageNavigatorTextBox:focus { border: solid 1px gold; background-color: #FFE699; }
.WidgetHeaderContainer { height: 100px; }
.WidgetHeaderText { font-family: Calibri, Helvetica, Arial; font-size: 13pt; color: #ED1B24; }
.WidgetLink { font-family: Calibri, Helvetica, Arial; font-size: 13pt; color: #ED1B24; }
}*/
/*@media screen and (min-width:1050px)
{*/
.DesktopHeader { display: table; }
#DesktopEntryOrder { margin-top: 35px; }
.EntryOrderHeader { font-size: 12pt; color:#696969; border-bottom: solid 2px #696969; cursor: pointer; }
.EntryOrderHeader_Selected { font-size: 12pt; color:#ED1B24; border-bottom: solid 2px #ED1B24; cursor: pointer; }
.BodyContent { margin-top: 130px; }
H1 { font-size: 16px; font-weight: bold; color: #ED1B24; text-align: center; }
#trReportParameter { display: table-row; }
#trMobileReportParameter { display: none; }
#trDesktopReportFooter { display: table-row; }
#trMobileReportFooter { display: none; }
.HotPromo_ToolBar_Filter { display: none; }
.ReportTBody { height:240px; overflow-y:auto; }
.GridContainer { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: white; width: 100%; table-layout:fixed; border-right: solid 1px #CF3C28; }
.GridContainerWithoutBorder { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: white; width: 100%; table-layout:fixed; }
.GridColumn { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Column.png'); background-repeat: repeat-x; height: 29px; color: white;}
.GridColumnNo { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Column.png'); background-repeat: repeat-x; height: 29px; color: white;}
.GridColumnLast { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Column.png'); background-repeat: repeat-x; height: 29px; color: white;}
.GridRowNo { color: black; height: 26px !important; text-align: center; }
.GridRowNoOdd { background-color: #ffffff; color: black !important; height: 26px !important; border-top: solid 1px #EAEAEA; }
.GridRowNoEven { background-color: #EAEAEA; color: black !important; height: 26px !important; }
.GridRowContainerOdd { background-color: #ffffff; min-height: 26px !important; height: 26px !important; cursor: pointer; overflow: hidden; text-overflow: ellipsis; text-wrap:avoid;}
.GridRowContainerOdd:hover { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Row.Selected.png'); background-repeat: repeat-x; }
.GridRowContainerEven { background-color: #EAEAEA; min-height: 26px !important; height: 26px !important; cursor: pointer; overflow: hidden; text-overflow: ellipsis; text-wrap: avoid; }
.GridRowContainerEven:hover { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Row.Selected.png'); background-repeat: repeat-x; }
.GridRow { color: black; height: 26px !important; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; padding-left: 2px; padding-right: 2px; text-align: left; }
.GridRowButton { }
.GridRowSelected { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Row.Selected.png'); background-repeat: repeat-x; }
.GridButtonReset { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.Reset.png'); background-repeat: no-repeat; width:16px; height:16px; background-size: 16px; }
.GridButtonPreview { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.Preview.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonSelect { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.Select.png'); background-repeat: no-repeat; width:16px; height:16px; background-size: 16px; }
.GridButtonDetails { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.Details.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonUpload { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.Upload.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonDownload { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.Download.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonView { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.View.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonEdit { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.Edit.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonEdit2 { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.Edit.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonDelete { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.Delete.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonCandidate { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.Candidate.png'); background-repeat: no-repeat; width:24px; height:24px; background-size: 24px; }
.GridButtonPeople { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.People.png'); background-repeat: no-repeat; width:24px; height:24px; background-size: 24px; }
.GridButtonImage { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.Image.png'); background-repeat: no-repeat; width:24px; height:24px; background-size: 24px; }
.GridButtonApprove { background-image: url('/Asset/Theme/BlackPearl/Grid/Grid.Button.Approve.png'); background-repeat: no-repeat; width:16px; height:16px; background-size: 16px; }
.ButtonAction
{
-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
box-shadow:inset 0px 1px 0px 0px #cf866c;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
background-color:#d0451b;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:1px solid #942911;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial !important;
font-size:12px !important;
height:26px;
width:120px;
line-height:normal;
text-decoration:none;
text-shadow:0px 1px 0px #854629; margin: 0px;
}
.ButtonAction:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
background-color:#bc3315;
}
.Button
{
/*background-attachment : scroll;*/
/*background-clip : border-box;*/
background-color : rgb(175, 175, 175);
background-image : linear-gradient(rgb(175, 175, 175), rgb(146, 146, 146));
/*background-origin : padding-box;*/
background-position-x : 0%;
background-position-y : 0%;
background-repeat : repeat;
background-size : auto;
border-bottom-color : #ABABAB;
border-bottom-left-radius : 3px;
border-bottom-right-radius : 3px;
border-bottom-style : solid;
border-bottom-width : 1px;
border-collapse : collapse;
border-left-color : #ABABAB;
border-left-style : solid;
border-left-width : 1px;
border-right-color : #ABABAB;
border-right-style : solid;
border-right-width : 1px;
border-top-color : #ABABAB;
border-top-left-radius : 3px;
border-top-right-radius : 3px;
border-top-style : solid;
border-top-width : 1px;
box-shadow : 0px 1px 0px rgba(255,255,255,0.5), inset 0px 0px 2px rgba(255,255,255,0.15), inset 0px 1px 0px rgba(255,255,255,0.15);
/*box-sizing : content-box;*/
color : #fff;
cursor : pointer;
font-family : Arial, Helvetica, Tahoma, Verdana, Sans-Serif;
font-size : 12px;
height : 26px;
width : 120px;
line-height : normal;
margin-bottom : 0px;
margin-left : 0px;
margin-right : 0px;
margin-top : -2px;
padding-left : 0px;
padding-right : 0px;
text-align : center;
text-decoration : none;
text-shadow : 0px -1px 0px #55830c;
vertical-align : middle;
white-space : nowrap;
}
.Button:hover { background-color : rgb(195, 195, 195); background-image : linear-gradient(rgb(195, 195, 195), rgb(166, 166, 166)); }
.MobileHeader { display: none; }
#MobileEntryOrder { display: none; }
#divMobileMenu { display: none; }
#divMobileBelt { display: none; }
#DialogBox { width: 500px; }
#divPromoSearch { width: 350px; display: table; }
.PageNavigatorContainer { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: black; width: 100%; height: 26px; }
.MobilePageNavigatorContainer { display: none; }
.PageNavigator { color: black; min-width: 20px; width: auto; height: 20px; margin-left:5px; text-align: center; cursor: pointer; }
.PageNavigator:hover { background-color: #ED1B24; color: white; min-width: 20px; width: auto; height: 20px; margin-left:5px; text-align: center; }
.PageNavigatorSelected { background-color: #ED1B24; color: white; min-width: 20px; width:auto; height: 20px; margin-left:5px; text-align: center; cursor: pointer; }
.PageNavigatorTextBox { font-family: Calibri, Tahoma, Verdana; font-size: 10pt; border: solid 1px silver; text-align: center; color: black; width: 25px; }
.PageNavigatorTextBox:focus { border: solid 1px gold; background-color: #FFE699; }
.IconPoint { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileIconPoint.png'); background-repeat: no-repeat; width: 18px; height: 18px; cursor: pointer; }
.WidgetHeaderContainer { height: 100px; }
.WidgetHeaderText { font-family: Calibri, Helvetica, Arial; font-size: 13pt; color: #ED1B24; }
.WidgetLink { font-family: Calibri, Helvetica, Arial; font-size: 13pt; color: #ED1B24; }
/*}*/
.LineBackground { background-color:#f1ecec; height:2px; }
.LineBackgroundBold { background-color:#f1ecec; height:4px; }
.switch { position: relative; display: inline-block; width: 55px; height: 24px; }
.switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.slider:before { position: absolute; content: ""; height: 20px; width: 26px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; }
input:checked + .slider { background-color: #F44336; }
input:focus + .slider { box-shadow: 0 0 1px #F44336; }
input:checked + .slider:before { -webkit-transform: translateX(25px); -ms-transform: translateX(25px); transform: translateX(25px); }
.slider.round { border-radius: 13px; }
.slider.round:before { border-radius: 50%; }
/* Bootstrap compatilibity */
.nav>li>a {
position:relative;
display:block;
padding:10px 15px
}
.nav>li>a:focus,
.nav>li>a:hover {
text-decoration:none;
background-color:#eee
}
.nav-pills>li>a {
border-radius:4px
}
a:focus,
a:hover {
color:#23527c;
text-decoration:underline
}
a:focus {
outline:thin dotted;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px
}
#ProductApplication_linkProductApplication
{
border-top: none !important;
border: none !important;
}
.dropdown-toggle
{
border-top: none !important;
border: none !important;
}
.dropdown-toggle::after
{
content:none !important;
}
.dropdown-menu>li>a {
display:block;
padding:3px 20px;
clear:both;
font-weight:400;
line-height:1.42857143;
color:#333;
white-space:nowrap
}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
color:#262626;
text-decoration:none;
background-color:#f5f5f5
}
.ui-widget-content
{
background-color:white !important;
}