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('/B2BR2.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; }
.MenuHeaderLeft                 { background-image: url('/B2BR2.Admin/Asset/Theme/SilverLight/Menu/Menu.Header.Left.png');    background-repeat: no-repeat; width:7px; max-width:7px; }
.MenuHeaderCenter               { background-image: url('/B2BR2.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('/B2BR2.Admin/Asset/Theme/SilverLight/Menu/Menu.Header.Center.png');  background-repeat: repeat-x; height: 43px; line-height:40px; }
.MenuHeaderRight                { background-image: url('/B2BR2.Admin/Asset/Theme/SilverLight/Menu/Menu.Header.Right.png');   background-repeat: no-repeat; width:7px; max-width:7px; }
.MenuFooterCenter               { background-image: url('/B2BR2.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('/B2BR2.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('/B2BR2.Admin/Asset/Theme/SilverLight/Menu/Menu.Line.Center.png'); background-repeat: repeat-x; height: 2px; font-size:1pt; }
.MenuLineRight                  { background-image: url('/B2BR2.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('/B2BR2.Admin/Asset/Theme/SilverLight/Menu/Menu.Body.Left.png'); width: 7px; min-width: 7px; max-width: 7px; }
.MenuBodyCenter                 { background-image: url('/B2BR2.Admin/Asset/Theme/SilverLight/Menu/Menu.Body.Center.png'); background-repeat: repeat; text-align:left; }
.MenuBodyRight                  { background-image: url('/B2BR2.Admin/Asset/Theme/SilverLight/Menu/Menu.Body.Right.png'); width: 7px; min-width: 7px; max-width: 7px; }
.MenuFooterLeft                 { background-image: url('/B2BR2.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('/B2BR2.Admin/Asset/Theme/SilverLight/Menu/Menu.Footer.Center.png'); background-repeat: repeat; height:3px; font-size: 1pt; }
.MenuFooterRight                { background-image: url('/B2BR2.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:#4A9C4A; 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('/B2BR2.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('/B2BR2.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('/B2BR2.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('/B2BR2.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('/B2BR2.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('/B2BR2.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('/B2BR2.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('/B2BR2.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('/B2BR2.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: 24px; }
.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: none; background-color: #ECF0FA; transition: 0.3s; outline-color:none; }
.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: none; background-color: #ECF0FA; }
.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('/B2BR2.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: none; background-color: #ECF0FA; }
.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('/B2BR2.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; }
.GridColumnLast                 { background-image: url('/B2BR2.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: #ECF0FA; }
.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: #ECF0FA; }
.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('/B2BR2.Admin/Asset/Theme/SilverLight/Grid/Grid.Row.Selected.png'); background-repeat: repeat-x; }
.GridRow                        { font-size:12px; 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('/B2BR2.Admin/Asset/Theme/SilverLight/Grid/Grid.Row.Selected.png'); background-repeat: repeat-x; }
.GridButtonReset                { background-image: url('/B2BR2.Admin/Asset/Theme/SilverLight/Grid/Grid.Button.Reset.png'); background-repeat: no-repeat; width:16px; height:16px; background-size: 16px; }
.GridButtonPreview              { background-image: url('/B2BR2.Admin/Asset/Theme/SilverLight/Grid/Grid.Button.Preview.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonSelect               { background-image: url('/B2BR2.Admin/Asset/Theme/SilverLight/Grid/Grid.Button.Select.png'); background-repeat: no-repeat; width:16px; height:16px; background-size: 16px; }
.GridButtonDetails              { background-image: url('/B2BR2.Admin/Asset/Theme/SilverLight/Grid/Grid.Button.Details.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonUpload               { background-image: url('/B2BR2.Admin/Asset/Theme/SilverLight/Grid/Grid.Button.Upload.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonUpload2              { background-image: url('/B2BR2.Admin/Asset/Theme/SilverLight/Grid/Grid.Button.Upload.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonDownload             { background-image: url('/B2BR2.Admin/Asset/Theme/SilverLight/Grid/Grid.Button.Download.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonView                 { background-image: url('/B2BR2.Admin/Asset/Theme/SilverLight/Grid/Grid.Button.View.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonWrite                { background-image: url('/B2BR2.Admin/Asset/Theme/SilverLight/Grid/Grid.Button.Edit.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonEdit                 { background-image: url('/B2BR2.Admin/Asset/Theme/SilverLight/Grid/Grid.Button.Edit.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonDelete               { background-image: url('/B2BR2.Admin/Asset/Theme/SilverLight/Grid/Grid.Button.Delete.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonEditDetails          { background-image: url('/B2BR2.Admin/Asset/Theme/SilverLight/Grid/Grid.Button.Edit.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonDeleteDetails        { background-image: url('/B2BR2.Admin/Asset/Theme/SilverLight/Grid/Grid.Button.Delete.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonCandidate            { background-image: url('/B2BR2.Admin/Asset/Theme/SilverLight/Grid/Grid.Button.Candidate.png'); background-repeat: no-repeat; width:24px; height:24px; background-size: 24px; }
.GridButtonPeople               { background-image: url('/B2BR2.Admin/Asset/Theme/SilverLight/Grid/Grid.Button.People.png'); background-repeat: no-repeat; width:24px; height:24px; background-size: 24px; }
.GridButtonPrint                { background-image: url('/B2BR2.Admin/Asset/Theme/SilverLight/Grid/Grid.Button.Print.png'); background-repeat: no-repeat; width:16px; height:16px; }
.GridButtonAssign               { background-image: url('/B2BR2.Admin/Asset/Theme/SilverLight/Grid/Grid.Button.Assign.png'); background-repeat: no-repeat; width:16px; height:16px; }

.LoadingContainer               { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: black; }

.Icon_Loading                   { background-image: url('/B2BR2.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('/B2BR2.Admin/Asset/Theme/SilverLight/Icon/Button.Close.png'); background-repeat: no-repeat; width:24px; max-width:24px; height:24px; max-height:24px; cursor: pointer; }
.Icon_Expand                    { background-image: url('/B2BR2.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('/B2BR2.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('/B2BR2.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('/B2BR2.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('/B2BR2.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('/B2BR2.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('/B2BR2.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('/B2BR2.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('/B2BR2.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('/B2BR2.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('/B2BR2.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('/B2BR2.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('/B2BR2.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('/B2BR2.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('/B2BR2.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('/B2BR2.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('/B2BR2.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('/B2BR2.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('/B2BR2.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: 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; }
.ui-datepicker-trigger          { position: relative; top: 0px; 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-item                   { background-color: #FFFFFF !important; }
.ui-menu .ui-menu-item a        { font-family: Calibri, Helvetica, Arial; font-size: 10pt; color: black; background-color: #ffffff !important; 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; }

.Line                           { background-color: rgb(0, 176, 240); }

.PageNavigator                  { font-size:11px; }
.page-link:hover                { color:white !important; }