﻿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; }
.HeaderText                     { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: white; }
.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           {}
.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; color: #696969; }
.FieldMandatory                 { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: #333333; }
.FieldNotMandatory              { font-family: Calibri, Helvetica, Arial; font-size: 10pt; 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: #F44336; }

.Link                           { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: #F44336; cursor:pointer; }
.Link:hover                     { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: #F44336; 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; height:30px; }
.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                { font-family: Calibri, Helvetica, Arial !important; font-size: 10pt !important; color: black; }

.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: 11pt; color: #ED1B24; font-weight: bold; }
.ItemTextDescription            { font-family: 'Glober Thin Free', Helvetica, Calibri, Tahoma; font-size: 10pt; color: #333333; font-style:italic; }
.ItemTextPrice                  { font-family: Calibri, Helvetica, Tahoma; font-size: 10pt; color: #ED1B24; }
.ItemText                       { font-family: Calibri, Helvetica, Tahoma; font-size: 10pt; color: #333333; }

.ReportFilterText               { font-family: Calibri, Helvetica, Tahoma; font-size: 12pt; font-weight:bold; color: #666666; }
/*.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; }
.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; 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; 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                  {}

.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-radius: 20px; 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: 24px; }
.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; }

.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: 2147483647 !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-radius:5px; 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; }*/
.FieldLineMobile            { border-bottom: solid 1px #696969; }
.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; }


.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: #F44336; border-radius:5px; color: white; width: 100%; height:30px; border: none; font-size: 10pt; }
.Button                             { background-color: #cbcbcb; border-radius:5px; color: #333333; width: 100%; height:30px; border: none; font-size: 10pt; }
.ButtonEmpty                        { background-color: transparent; color: white; width: 100px; height:30px; border: none; font-size: 10pt; }
.ButtonChip                         { background-color: white; border-radius:20px; color: #F44336; width: 100%; height:30px; border: solid 1px #F44336; font-size: 10pt; }
.ButtonChipSelected                 { background-color: #F44336; border-radius:20px; color: white; width: 100%; height:30px; border: solid 1px #F44336; font-size: 10pt; }

.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; }
.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; }

.MobileHeader                       { background-color: #ED1B24; position: fixed; top: 0px; z-index: 9999999; }
.HeaderIconWishList                 { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileIconWishList.png'); background-repeat: no-repeat; background-size:cover; cursor: pointer; }
.HeaderIconMessage                  { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileIconMessage.png'); background-repeat: no-repeat; background-size:cover; cursor: pointer; }
#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; background-size: cover; width: 24px; height: 24px; }
.MobileSearchIcon2                  { background-image:url('/Asset/Image/Icon/IconSearch.png'); background-repeat: no-repeat; background-size: 24px 24px; background-color:white; cursor:pointer; }
.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: 60px; color: #696969; cursor: pointer; padding-top:7px; font-size:9pt; }
.MobileBeltContainer_Selected       { width:50px; height: 60px; color: #ED1B24; cursor: pointer; padding-top:7px; font-size:9pt; }
.MobileBeltContainer:hover          { }
.MobileBeltIconHome                 { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileBeltIconHomeV2.png');                background-repeat: no-repeat; background-size:cover; width:28px; height:28px; }
.MobileBeltIconHome_Selected        { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileBeltIconHome_SelectedV2.png');       background-repeat: no-repeat; background-size:cover; width:28px; height:28px; }
.MobileBeltIconHotPromo             { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileBeltIconHotPromo.png');              background-repeat: no-repeat; background-size:cover; width:28px; height:28px; }
.MobileBeltIconHotPromo_Selected    { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileBeltIconHotPromo_Selected.png');     background-repeat: no-repeat; background-size:cover; width:28px; height:28px; }
.MobileBeltIconCart                 { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileBeltIconCartV2.png');                background-repeat: no-repeat; background-size:cover; width:28px; height:28px; }
.MobileBeltIconCart_Selected        { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileBeltIconCart_SelectedV2.png');       background-repeat: no-repeat; background-size:cover; width:28px; height:28px; }
.MobileBeltIconPayment              { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileBeltIconPaymentV2.png');             background-repeat: no-repeat; background-size:cover; width:28px; height:28px; }
.MobileBeltIconPayment_Selected     { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileBeltIconPayment_SelectedV2.png');    background-repeat: no-repeat; background-size:cover; width:28px; height:28px; }
.MobileBeltIconLogin                { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileBeltIconLoginV2.png');               background-repeat: no-repeat; background-size:cover; width:28px; height:28px; }
.MobileBeltIconLogin_Selected       { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileBeltIconLogin_SelectedV2.png');      background-repeat: no-repeat; background-size:cover; width:28px; height:28px; }
.MobileBeltIconLogout               { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileBeltIconLogout.png');                background-repeat: no-repeat; background-size:cover; width:28px; height:28px; }
.MobileBeltIconLogout_Selected      { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileBeltIconLogout_Selected.png');       background-repeat: no-repeat; background-size:cover; width:28px; height:28px; }
.MobileBeltIconMessage              { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileBeltIconMessageV2.png');             background-repeat: no-repeat; background-size:cover; width:28px; height:28px; }
.MobileBeltIconMessage_Selected     { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileBeltIconMessage_SelectedV2.png');    background-repeat: no-repeat; background-size:cover; width:28px; height:28px; }
.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);  }
.MobileBeltIconReport               { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileBeltIconReportV2.png');              background-repeat: no-repeat; background-size:cover; width:28px; height:28px; }
.MobileBeltIconReport_Selected      { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileBeltIconReport_SelectedV2.png');     background-repeat: no-repeat; background-size:cover; width:28px; height:28px; }
.MobileBeltIconAccount              { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileBeltIconAccountV2.png');             background-repeat: no-repeat; background-size:cover; width:28px; height:28px; }
.MobileBeltIconAccount_Selected     { background-image:url('/Asset/Theme/BlackPearl/Icon/MobileBeltIconAccount_SelectedV2.png');    background-repeat: no-repeat; background-size:cover; width:28px; height:28px; }
            
.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: #696969; }
.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; }

#divWidgetContainer             { overflow-x: hidden; }
.WidgetHeaderContainer          { height: 100px; margin-left:8px; margin-right:0px; }
.WidgetHeaderText               { font-family: Calibri, Helvetica, Arial; font-size: 13pt; color: #ED1B24; }
.WidgetHeaderText_All           { padding-right:20px; }
.WidgetLink                     { font-family: Calibri, Helvetica, Arial; font-size: 13pt; color: #ED1B24; }

.Widget_BannerPromo             { margin-left:0px !important; }
.Widget_BannerPromo_Image       { border-radius: 10px; }
.WidgetBannerPromoSliderWrap    { overflow-x: scroll; overflow-y:hidden; height:320px; margin-left: 8px; margin-bottom: 20px; }
.WidgetBannerPromoSliderMain    { margin-left: -40px !important; }
.WidgetBannerPromoSliderExtra   { display:none; }
.slider-prev                    { display:none !important; }
.slider-next                    { display:none !important; }
.Widget_BannerPromo_Row_Button  { display: none; }

.WidgetItemSlider               { margin-left:8px; }
.Widget_Item                    { width: 240px; }
.WidgetItemSliderPanel          { width: 240px; }
.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; }

.Wallpaper                      { background-image: url('/Asset/Image/Wallpaper/Wallpaper_Welcome.png'); background-repeat: no-repeat; background-size:cover; }
.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%; } 