html { width: 100%; height: 100%; margin:0; padding: 0; }
body { width: 100%; height: 100%; margin:0; padding: 0; }
.SurfaceContainer {}
.CanvasContainer { background-color : rgb(242, 242, 242); }
.LogoContainer { height:60px; vertical-align: middle; }
.Logo { background-image: url('/SSC.Admin/Asset/Image/Logo/App.png'); background-repeat: no-repeat; width:396px; max-width:396px; height: 60px; cursor: pointer; }
.LogoText { font-family: Calibri, Helvetica, Arial; font-size: 16pt; color: #3B6ABF; font-weight: bold; }
/*.MenuContainer { font-family: Calibri, Helvetica, Arial; font-size: 10pt; background-color: #2D383E; color: white; }*/
.MenuContainer { font-family: Calibri, Helvetica, Arial; font-size: 10pt; background-color: #203864; color: white; }
.MenuHeaderLeft { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Menu/Menu.Header.Left.png'); background-repeat: no-repeat; width:7px; max-width:7px; }
.MenuHeaderCenter { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Menu/Menu.Header.Center.png'); background-repeat: repeat-x; height: 43px; line-height:40px; width:165px; text-align:center; }
.MenuHeaderRest { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Menu/Menu.Header.Center.png'); background-repeat: repeat-x; height: 43px; line-height:40px; }
.MenuHeaderRight { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Menu/Menu.Header.Right.png'); background-repeat: no-repeat; width:7px; max-width:7px; }
.MenuFooterCenter { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Menu/Menu.Footer.Center.png'); background-repeat: repeat-x; }
.MenuHeaderContainerLink { cursor: pointer; }
.MenuHeaderContainerLink:hover { background-color: #3F48CC; color: white; }
.MenuHeaderContainerLinkSelected{ background-color: #3F48CC; color: white; cursor:pointer; }
.MenuBodyContainer { margin-top: -3px; }
.MenuLineLeft { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Menu/Menu.Line.Left.png'); width: 7px; min-width: 7px; max-width: 7px; height: 2px; font-size:1pt; }
.MenuLineCenter { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Menu/Menu.Line.Center.png'); background-repeat: repeat-x; height: 2px; font-size:1pt; }
.MenuLineRight { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Menu/Menu.Line.Right.png'); width: 7px; min-width: 7px; max-width: 7px; height: 2px; font-size:1pt; }
.MenuBodyLeft { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Menu/Menu.Body.Left.png'); width: 7px; min-width: 7px; max-width: 7px; }
.MenuBodyCenter { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Menu/Menu.Body.Center.png'); background-repeat: repeat; text-align:left; }
.MenuBodyRight { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Menu/Menu.Body.Right.png'); width: 7px; min-width: 7px; max-width: 7px; }
.MenuFooterLeft { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Menu/Menu.Footer.Left.png'); width: 7px; min-width: 7px; max-width: 7px; height:3px; font-size: 1pt; }
.MenuFooterCenter { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Menu/Menu.Footer.Center.png'); background-repeat: repeat; height:3px; font-size: 1pt; }
.MenuFooterRight { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/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: #333333; text-decoration: none; font-weight: bold; }
.MenuHeaderTextRow { height: 30px; }
.MenuLinkRow { height: 35px; }
.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; }
.MenuLink_Selected { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: white; background-color:#00b0f0; text-decoration: none; }
.PageContainer { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: black; }
.PageHeaderRow { height:5px; max-height:5px; font-size:1pt; }
.PageHeaderLeft { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/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('/SSC.Admin/Asset/Theme/Silverlight/Page/Page.Header.Center.png'); background-repeat: repeat-x; height: 5px; max-height:5px; font-size:1pt; }
.PageHeaderRight { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Page/Page.Header.Right.png'); background-repeat: no-repeat; width:11px; max-width:11px; height: 5px; max-height:5px; font-size:1pt; }
.PageBodyRow { }
.PageBodyLeft { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Page/Page.Body.Left.png'); background-repeat: repeat-y; width:5px; max-width:5px; font-size:1pt; }
.PageBodyCenter { background-color: White; font-family: Calibri, Helvetica, Arial; font-size: 10pt; }
.PageBodyRight { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Page/Page.Body.Right.png'); background-repeat: repeat-y; width:5px; max-width:5px; font-size:1pt; }
.PageFooterRow { height: 7px; max-height: 7px; font-size:1pt;}
.PageFooterLeft { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Page/Page.Footer.Left.png'); background-repeat: no-repeat; width:5px; max-width:5px; height: 10px; max-height:10px; font-size:1pt; }
.PageFooterCenter { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Page/Page.Footer.Center.png'); background-repeat: repeat-x; height: 10px; max-height:10px; font-size:1pt; }
.PageFooterRight { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Page/Page.Footer.Right.png'); background-repeat: no-repeat; width:11px; max-width:11px; height: 10px; max-height:10px; font-size:1pt; }
.FooterContainer { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Footer/Footer.Center.png'); background-repeat: repeat-x; height: 29px; max-height:29px; }
.FooterText { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: white; }
.FieldContainer {}
.FieldSearchContainer {}
.FieldSearch { height: 24px; }
.FieldSearchRow { height: 35px; }
.FieldRow { height: 35px; }
.FieldRowBreak { height: 5px; font-size:1pt; }
.FieldHeaderContainer {}
.FieldHeaderRow { height: 24px;}
.FieldHeaderSpace { width: 5px; max-width: 5px; font-size: 1pt; }
.FieldHeaderText { font-family: Calibri, Helvetica, Arial; font-size: 12pt; color: rgb(91, 155, 213); }
.FieldMandatory { font-family: Calibri, Helvetica, Arial; font-size: 10pt; text-align: left; padding:5px;}
.FieldNotMandatory { font-family: Calibri, Helvetica, Arial; font-size: 10pt; text-align: left; padding:5px;}
.FieldText { font-family: Calibri, Helvetica, Arial; font-size: 10pt; }
.ValidationText { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: red; }
.NotificationContainer { font-family: Calibri, Helvetica, Arial; font-size: 10pt; border: solid 1.5px #ffc000; background-color:#fff2cc; padding:4px; }
.NotificationRow { height:24px; }
.NotificationHeaderText { font-weight: bold; }
.NotificationText { }
.Label { font-family: Roboto, Calibri, Tahoma !important; font-size:10pt; }
.TextBox { font-family: Roboto, Calibri, Tahoma !important; font-size:10pt !important; border: 1px solid #ccc; margin:5px; padding:5px; background-color: white; width:97%; }
.TextBox:focus { border: solid 1px gold; background-color: #FFE699; transition: 0.3s; }
.TextBox:disabled { background-color: #d8d4d4 !important; }
.MobileTextBox { font-family: Roboto, Calibri, Tahoma !important; font-size:10pt !important; border: none; margin:5px; padding:5px; background-color: white; width:97%; }
.MobileTextBox:focus { border: none; background-color: #FFE699; transition: 0.3s; }
.MobileTextBox: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; margin:5px; padding:5px; width:97%; }
.TextArea:focus { border: solid 1px gold; background-color: #FFE699; }
.TextArea:read-only { background-color: #d8d4d4 !important; }
.TextArea:disabled { background-color: #d8d4d4 !important; }
.DropDownListContainer { background: #fff; border: 1px solid #ccc; overflow: hidden; position: relative; }
.DropDownListSubContainer { width: 120%; background: url('/SSC.Admin/Asset/Theme/Silverlight/DropDownList/Arrow.png') no-repeat; background-position: 80% center; }
.DropDownList { font-family: Calibri, Helvetica, Arial !important; font-size: 10pt !important; border: none; background: transparent; color: black; width:120%; z-index:10; padding:5px; }
.DropDownList:focus { border: solid 1px gold; background-color: #FFE699; }
/*.DropDownList:read-only { background-color: #d8d4d4 !important; }*/
.DropDownList:disabled { background-color: #d8d4d4 !important; }
.Link { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: blue; text-decoration: none; }
.Link:hover { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: blue; text-decoration: underline; }
.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('/SSC.Admin/Asset/Theme/Silverlight/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; }
.ButtonAction { border: solid 1px silver; background-color : rgb(0, 176, 240); cursor : pointer; font-family : Roboto, Calibri, Tahoma; font-size : 15px; color: white; height : 30px; width : 150px; }
.ButtonAction:hover { background-color : rgb(15, 190, 255); }
.Button { border: solid 1px silver; background-color : rgb(166, 166, 166); cursor : pointer; font-family : Roboto, Calibri, Tahoma; font-size : 15px; color: white; height : 30px; width : 150px; }
.Button:hover { background-color : rgb(180, 180, 180); }
.GridContainer { font-family: Roboto, Calibri, Arial; font-size: 10pt; color: white; width: 100%; table-layout:fixed; border: solid 1px #CECECE; }
/*.GridColumn { border-bottom: solid 1px #CECECE; background-color: rgb(242,242,242); color: #404040; font-weight: bold; height: 29px; }
.GridColumnNo { border-bottom: solid 1px #CECECE; background-color: rgb(242,242,242); color: #404040; font-weight: bold; height: 29px; }*/
.GridColumn { border-bottom: solid 1px #CECECE; background-color: #DAE3F4; color: #404040; font-weight: bold; height: 29px; }
.GridColumnNo { border-bottom: solid 1px #CECECE; background-color: #DAE3F4; color: #404040; font-weight: bold; height: 29px; }
.GridColumnLast { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Grid/Grid.Column.png'); background-repeat: repeat-x; height: 29px; }
.GridRowNo { color: black; height: 26px !important; text-align: center; }
.GridRowContainerOdd { border-bottom: solid 1px #CECECE; background-color: #ffffff; min-height: 26px !important; height: 26px !important; cursor: pointer; overflow: hidden; text-overflow: ellipsis; text-wrap:avoid;}
.GridRowContainerOdd:hover { background-color:#FFE699; }
.GridRowContainerEven { border-bottom: solid 1px #CECECE; background-color: #ffffff; min-height: 26px !important; height: 26px !important; cursor: pointer; overflow: hidden; text-overflow: ellipsis; text-wrap: avoid; }
.GridRowContainerEven:hover { background-color:#FFE699; }
.GridRowContainerRevise { border-bottom: solid 1px #CECECE; background-color: orange; min-height: 26px !important; height: 26px !important; cursor: pointer; overflow: hidden; text-overflow: ellipsis; text-wrap: avoid; }
.GridRowContainerRevise:hover { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Grid/Grid.Row.Selected.png'); background-repeat: repeat-x; }
.GridRowContainerCancel { border-bottom: solid 1px #CECECE; background-color: red; min-height: 26px !important; height: 26px !important; cursor: pointer; overflow: hidden; text-overflow: ellipsis; text-wrap: avoid; }
.GridRowContainerCancel:hover { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Grid/Grid.Row.Selected.png'); background-repeat: repeat-x; }
.GridRowContainerCancelV2 { border-bottom: solid 1px #CECECE; background-color: #C00000;color: #F2F2F2 !important; min-height: 26px !important; height: 26px !important; cursor: pointer; overflow: hidden; text-overflow: ellipsis; text-wrap: avoid; }
.GridRowContainerCancelV2:hover { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Grid/Grid.Row.Selected.png'); background-repeat: repeat-x; color:black !important; }
.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('/SSC.Admin/Asset/Theme/Silverlight/Grid/Grid.Row.Selected.png'); background-repeat: repeat-x; }
.GridButtonReset { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Grid/Grid.Button.Reset.png'); background-repeat: no-repeat; width:16px; height:16px; background-size: 16px; }
.GridButtonPreview { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Grid/Grid.Button.Preview.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonSelect { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Grid/Grid.Button.Select.png'); background-repeat: no-repeat; width:16px; height:16px; background-size: 16px; }
.GridButtonDetails { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Grid/Grid.Button.Details.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonUpload { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Grid/Grid.Button.Upload.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonUpload2 { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Grid/Grid.Button.Upload.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonDownload { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Grid/Grid.Button.Download.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonView { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Grid/Grid.Button.View.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonWrite { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Grid/Grid.Button.Edit.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonEdit { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Grid/Grid.Button.Edit.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonDelete { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Grid/Grid.Button.Delete.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonEditDetails { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Grid/Grid.Button.Edit.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonDeleteDetails { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Grid/Grid.Button.Delete.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonCandidate { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Grid/Grid.Button.Candidate.png'); background-repeat: no-repeat; width:24px; height:24px; background-size: 24px; }
.GridButtonPeople { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Grid/Grid.Button.People.png'); background-repeat: no-repeat; width:24px; height:24px; background-size: 24px; }
.GridButtonPrint { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Grid/Grid.Button.Print.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonAssign { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Grid/Grid.Button.Assign.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonUnassign { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Grid/Grid.Button.Unassign.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonSave { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Grid/Grid.Button.Save.png'); background-repeat: no-repeat; width:24px; height:24px; }
.GridButtonCancel { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Grid/Grid.Button.Cancel.png'); background-repeat: no-repeat; width:20px; height:20px; }
.LoadingContainer { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: black; }
.Icon_Loading { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Icon/Loading.gif'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_Close { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Icon/Button.Close.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; cursor: pointer; }
.Icon_Expand { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Icon/Button.Expand.png'); background-repeat: no-repeat; width:24px; max-width:24px; height:24px; max-height:24px; cursor: pointer; }
.Icon_Collapse { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Icon/Button.Collapse.png'); background-repeat: no-repeat; width:24px; max-width:24px; height:24px; max-height:24px; cursor: pointer; }
.Icon_Role { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Icon/Role.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_User { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Icon/User.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_StudentGroup { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Icon/StudentGroup.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_Student { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Icon/Student.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_TeacherGroup { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Icon/TeacherGroup.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_Teacher { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Icon/Teacher.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_MyProfile { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Icon/MyProfile.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_ChangePassword { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Icon/ChangePassword.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_MessageBoard { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Icon/MessageBoard.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_Course { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Icon/Course.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_Forum { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Icon/Forum.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_News { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Icon/News.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_Calendar { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Icon/Calendar.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_Library { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Icon/Library.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_Report { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Icon/Report.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_Configuration { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Icon/Configuration.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.Icon_SystemUpdate { background-image: url('/SSC.Admin/Asset/Theme/Silverlight/Icon/SystemUpdate.png'); background-repeat: no-repeat; width:16px; max-width:16px; height:16px; max-height:16px; }
.ui-widget { background: none !important; background-color: #ffffff !important; }
.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; }
.ui-datepicker-trigger { position: relative; top: 4px; left: 2px; cursor: pointer; }
.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 .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{ }
.ToolTip { font-family: Calibri, Helvetica, Arial; font-size: 10pt; background-color: #000000 !important; color: black; background:none !important; }
.ui-tooltip { background-color: #5C5CBF !important; font-size: 10pt; color: white; }
@media screen and (min-width:1050px)
{
.BodyContainer { }
#divMobileBelt { display: none; }
.FieldRowButton { height: 70px; }
.PageNavigatorContainer { border-left: solid 1px #CECECE; border-right: solid 1px #CECECE; border-bottom: solid 1px #CECECE; background-color: #DAE3F4; font-family: Roboto, Calibri, Arial; font-size: 10pt; color: #404040; width: 100%; height: 26px; }
.MobilePageNavigatorContainer { display:none; }
.PageNavigator { border: solid 1px #DAE3F4; min-width: 20px; width: auto; height: 20px; text-align: center; cursor: pointer; }
.PageNavigator:hover { background-color: #FFFFFF; color: black; height: 20px; text-align: center; }
.PageNavigatorSelected { border: solid 1px #CECECE; background-color: #FFFFFF; color: black; min-width: 20px; width: auto; height: 20px; text-align: center; cursor: pointer; }
.PageNavigatorTextBox { font-family: Calibri, Tahoma, Verdana; font-size: 10pt; border: solid 1px silver; text-align: center; width: 25px; }
.PageNavigatorTextBox:focus { border: solid 1px gold; background-color: #FFE699; }
.ReportFilter1 { display: none; }
.ReportFilter2 { display: none; }
}
@media screen and (min-width:0px) and (max-width: 1049px)
{
.BodyContainer { vertical-align: top; padding-left:5px; padding-top:10px; }
#divMobileBelt { display: block; }
.FieldRowButton { height: 40px; }
.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: 29px; text-align: center; padding-top:3px; vertical-align:central; cursor: pointer; }
.PageNavigator:hover { background-color: rgb(0, 176, 240); color: white; height: 29px; text-align: center; }
.PageNavigatorSelected { background-color: rgb(0, 176, 240); color: white; min-width: 20px; width: auto; height: 29px; text-align: center; padding-top:3px; cursor: pointer; }
.PageNavigatorTextBox { font-family: Calibri, Tahoma, Verdana; font-size: 10pt; border: solid 1px silver; text-align: center; width: 25px; }
.PageNavigatorTextBox:focus { border: solid 1px gold; background-color: #FFE699; }
.ReportFilter1 { }
.ReportFilter2 { }
}
.MobileBeltContainer { width:80px; height: 70px; color: #696969; cursor: pointer; padding-top:6px; font-size:7pt; vertical-align:middle; }
.MobileBeltContainer_Selected { width:80px; height: 70px; color: #ED1B24; cursor: pointer; padding-top:6px; }
.MobileBeltContainer:hover { background-color:silver; }
.MobileBeltIconPaymentRequest { background-image:url('/SSC.Admin/Asset/Theme/Silverlight/Icon/MobileBeltIconPaymentRequest.png'); background-repeat: no-repeat; background-size:cover; width:32px; height:32px; }
.MobileBeltIconAdvanceOutstanding { background-image:url('/SSC.Admin/Asset/Theme/Silverlight/Icon/MobileBeltIconAdvanceOutstanding.png'); background-repeat: no-repeat; background-size:cover; width:32px; height:32px; }
.MobileBeltIconTrackingPaymentRequest { background-image:url('/SSC.Admin/Asset/Theme/Silverlight/Icon/MobileBeltIconTrackingPaymentRequest.png'); background-repeat: no-repeat; background-size:cover; width:32px; height:32px; }
.MobileBeltIconLogout { background-image:url('/SSC.Admin/Asset/Theme/Silverlight/Icon/MobileBeltIconLogout.png'); background-repeat: no-repeat; background-size:cover; 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); }
.Line { background-color: rgb(0, 176, 240); }