/******************************************************************************** 
Name:styles_mc.css Purpose:Contains Cascading Style Sheet (CSS) definitions for textand page elements for the Management Center
********************************************************************************

****************2020 UI Colors****************
PetroSkills Blue  - rgb(0, 83, 148)  (header bars)


******************Standard Colors:*****************
Lt. Gray-#F5F5F5 (background color in pop-up windows)
Med. Gray-#CCCFD3 (lines in lists)
Med. Gray   -   #DADDE2 (background of main page)
Dk. Gray-#86888A (text)Lt. Blue-#BEC9DE(N/A)
Med. Blue   -   #D6E3F4 (Highlights)
Med. Blue-#889DC2(N/A)
Med. Blue-#7382A5 (Left Nav)
Dk. Blue-#697DAC (top bar of site)
Navy Blue-#001852 (list titles, accent color)
Dk Blue     -   #455477 (Controls)
Dk. purple/blue - #424563 (Left nav & title bar primary color)
Line color:     #425573
*/


/* ***********************Application Wide Styles*********************** */
html {
}
body {
	font-family: "Segoe UI" , Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: black;
	background-color: white;
	scrollbar-face-color: #dadde2;
	/*scrollbar-highlight-color:;
*/
	scrollbar-3dlight-color: #dadde2;
	scrollbar-darkshadow-color: #CECFD6;
	scrollbar-shadow-color: #CECFD6;
	scrollbar-arrow-color: #383852;
	scrollbar-track-color: #F5F5F5;
	overflow: auto;
	/*height: 100%;
*/
}
div.Copyright {
	font-family: Arial;
	font-size: 7pt;
	font-weight: normal;
	color: #697DAC;
}
/*************************************************************************Framework main pages***************************************************************************/
.ManagementCenterBody {
	background-color: white;
}
.DetailPageBody {
	margin: 10px;
}
/*************************************************************************Detail page default styles***************************************************************************/
.PageTitle {
	font-family: Verdana, "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 14pt;
	color: #697DAC;
}
.PageText {
	font-size: 9pt;
	font-weight: normal;
	color: #697DAC;
}
/*************************************************************************New Left Navigation styles***************************************************************************/
.LeftNavRegion {
	background-color:  white;
	/*background-image: url('/ActiveLearner/Custom/Themes/Petroskills/LeftNavBackground.jpg');
*/
	background-position: left  bottom;
	background-repeat: no-repeat;
	border-right-color:  #e5e5e5;
	border-right-width: 1px;
	border-right-style: solid;
}
.LeftNavigationBanner {
	background-color: #eaeaea  !important;
	height: 37px;
	position: relative;
	
}

.bannerIcon {
	width: 100px;
	text-align: center;
	display: inline-block;
	font-size: 20px;
	padding-top: 8px;
	color: rgb(33, 87, 137);
	cursor: pointer;
}

	.bannerIcon.active {
		width: 60px;
	}


.LeftNavigationBannerMaximize {
	background-image: url('/ActiveLearner/Images/window.png');
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	cursor: pointer;
}
.LeftNavigationBannerMinimize {
	background-image: url('/ActiveLearner/Images/window_sidebar.png');
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	cursor: pointer;
}
/********************************************************/
/* Login Page                                           */
/********************************************************/
.WelcomeMessage {
	font-size: 14px;
	line-height: 1.5;
	font-weight: normal;
	text-align: center;
	font-family: Verdana, "Helvetica", Helvetica, Arial, sans-serif;
	color: White;
}
.LoginBody {
	background: #9ac0e4 url(/ActiveLearner/Custom/Themes/Petroskills/login_top_background.gif) repeat-x top;
}
.LoginSplash
{
/*border-width: 1px; border-color: #323f5e; border-style: solid;*/
padding: 10px;
}

/********************************************************/
/* recover password
/********************************************************/
.PasswordRecovery {
	padding: 0px;
	font-family: "Helvetica Neue Regular", Helvetica, sans-serif;
	font-weight: 300;
	font-size: 13px;
	color: #586064;
}
.verifyform {
	padding-top: 10px;
}
.userNameMessage {
	padding-top: 10px;
}
/********************************************************/
/* Content Title Bar & Footer                           */
/********************************************************/
div.PageTitle {
	font-family: Arial;
	font-weight: normal;
	font-size: 16px;
	text-align: left;
	width: auto;
	color: Black;
}
div.PageTitle2 {
	font-family: Arial;
	font-weight: normal;
	font-size: 14px;
	text-align: left;
	width: auto;
	color: Black;
}
.divContent {
	border-left: solid 1px #455477;
	border-right: solid 1px #455477;
}
/***************************************************************************Header Navigation Control***************************************************************************/
.HeaderBarTable {
	color: white;
	background-color: rgb(0, 83, 148);
}
div.HeaderLogo {
	background-image: url("/ActiveLearner/Images/RDC_Logo.jpg");
	background-repeat: no-repeat;
	position: absolute;
	left: 15px;
	top: 5px;
	height: 40px;
	width:  200px;
}
/* Gradient Background */
div.HeaderBackground {
	position: absolute;
	top: 0px;
	height: 55px;
	width: 100%;
	background-image: url("/ActiveLearner/Images/HeaderBackgroundGradient.gif");
	background-position: bottom;
	background-repeat: repeat-x;
	z-index: -2;
}
/* Header Navigation Menu */
div.HeaderNavigation {
	/*    position: absolute;
	right: 15px;
	bottom: -15px;
	border: none 0px;
*/
}
td.HeaderNavigationItem, .HeaderNavigationItem {
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: white;
	white-space: nowrap;
	cursor: pointer;
}
.HeaderNavigationItem:hover {
	color:  black;
	background-color: #E6F8FF;
}
td.HeaderNavigationItem {
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
}
.HeaderNavigationItemAlert {
	font-family: Arial;
	color: Orange;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	white-space: nowrap;
	cursor: hand;
}
td.HeaderNavigationItemSeparator {
	color: #bec9de;
	height: 23px;
}
.HeaderUserName {
	/*font-weight: bold;
*/
	padding-right: 3px;
	white-space: nowrap;
}
/***************************************************************************End Header Navigation Control***************************************************************************/
/***************************************************************************Tool Bar Navigation Control***************************************************************************/
.ToolBarNavigation {
	height: 30px;
}
td.ToolBarNavigationItem {
	background-image: url(/ActiveLearner/Images/PageMenuBarBckgnd.jpg);
	background-repeat: repeat-x;
	cursor: hand;
}
div.ToolBarItemHighlight {
	border-style: solid;
	border-width: 1px;
	border-color: #F3AB34;
	background-image: url(/ActiveLearner/Images/PageMenuBarHighlight.png);
	color: Black;
	cursor: hand;
	font-family: Arial;
	font-size: 12px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom:  2px;
	padding-top:  6px;
	white-space: nowrap;
	width: 70px;
}
div.ToolBarItem {
	border-width: 1px;
	color: #697DAC;
	cursor: hand;
	font-family: Arial;
	font-size: 12px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom:  2px;
	padding-top:  6px;
	white-space: nowrap;
	width: 70px;
}
a.MenuItem {
	text-decoration: none;
	cursor: hand;
	white-space: nowrap;
	padding-right: 5px;
	font-family: Arial;
	font-size: 12px;
	color: Black;
}
div.MenuItemImage {
	display: inline;
	width: auto;
	vertical-align: top;
	padding-right: 2px;
}
div.MenuItemText {
	display: inline;
	width: auto;
	vertical-align: top;
}
/*.RadToolBar_ALdefault .rtbWrap {
	color:  White;
}
*/
.RadToolBar_ALdefault .rtbWrap, .RadMenu_ALdefault .rmRootLink {
	color: Black !important;
}
td.ToolBarNavigationSeparator {
	width: 16px;
	background-image: url(/ActiveLearner/Images/PageMenuBarBckgnd.jpg);
	background-repeat: repeat-x;
	padding-right: 5px;
	padding-left: 5px;
}
td.ToolBarNavigationItemSeparator {
	color: #697DAC;
}
td.ToolBarNavigationFiller {
	background-image: url(/ActiveLearner/Images/PageMenuBarBckgnd.jpg);
	background-repeat: repeat-x;
	width: 100%;
}
/***************************************************************************End Tool Bar Navigation Control***************************************************************************/
/***************************************************************************Bottom Navigation Control***************************************************************************/
table.BottomNavBar {
	background-image: url(/ActiveLearner/Aspx/Skins/RDCTool/ToolBar/rtbControlBg.png);
	background-repeat: repeat-x;
	border: solid 1px #455477;
}
td.BottomNavBarItem {
	padding-top: 3px;
	padding-right: 1px;
	padding-left: 1px;
	vertical-align:  top;
}
.BotttomNavBarItemText {
	color: #00156e;
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, sans-serif;
}
.cellBottomNavImageButton {
	width: 10px;
	cursor: hand;
}
.PagingNavButton {
	background-image: url(/ActiveLearner/Images/BlankButton.png);
	background-repeat: no-repeat;
	cursor: hand;
	text-align: center;
}
.PagingNavButtonHover {
	background-image: url(/ActiveLearner/Images/BlankButtonHighlight.png);
	background-repeat: no-repeat;
	cursor: hand;
	text-align: center;
}
.PagingNavTextControl {
	border: solid 1px #455477;
	color: #00156e;
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, sans-serif;
	padding-top: 3px;
}
.PagingNavButtonText {
	COLOR: Black;
	FONT-SIZE: 8pt;
}
.cellBottomNavPages span {
	width: 50px;
	white-space: nowrap;
	vertical-align: middle;
	border: solid 1px;
}
.cellBottomNavPages span {
	font-family: Verdana;
	font-size: 10px;
	color: Black;
	text-align: center;
	text-decoration: none;
	cursor: hand;
	width: 15px;
	white-space: nowrap;
	vertical-align: middle;
}
.cellBottomNavListCount {
	text-align: right;
}
.cellBottomNavListCount span {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: Black;
	width: 100%;
	white-space: nowrap;
}
#cmdGoToPage {
	background-image: url(/ActiveLearner/Images/PageMenuBarBckgnd.jpg);
	cursor: hand;
	border: 1px solid #697DAC;
	text-align: center;
	width: 35px;
}
#cmdGoToPage:hover {
	background-color: Red;
}
/***************************************************************************End Bottom Navigation Control***************************************************************************/
/*************************************************************************Message Box Styles*************************************************************************/
div.MessageBox {
	width: 266;
	height: 125px;
	text-align: center;
	overflow: auto;
}
.textMessageBox {
	color: navy;
	font-size: 8pt;
	font-weight: bold;
}
.textMessageInstructions {
	font-size: 8pt;
	font-weight: normal;
	color: Gray;
}
.btnMessageBox {
	font-family: Arial;
	font-size: 8pt;
	font-weight: normal;
	background-color: #DEE3EF;
	color: #001852;
	width: 60px;
	cursor: hand;
}
/*************************************************************************Form Input Controls***************************************************************************/
.controlTextboxFlat {
	border-color: #697DAC;
	border-style: solid;
	border-width: 1px;
	font-family: Arial, Verdana;
}
/*************************************************************************Legacy AL Styles***************************************************************************/
.textDefault {
	font-size: 10pt;
	font-weight: normal;
	color: Black;
}
/* used when javascript dynamically sets text inside of a cell */
.cellTextDefault {
	text-align: left;
	font-size: 10pt;
	font-weight: normal;
}
.textDefaultBold {
	font-size: 10pt;
	font-weight: bold;
}
.textHeader1 {
	font-family: Arial;
	color: #001852;
	font-size: 12pt;
	font-weight: bold;
}
.textHeader2 {
	font-size: 10pt;
	font-weight: bold;
	color: #001852;
}
.textHeader3 {
	font-size: 10pt;
	font-weight: bold;
	color: #001852;
}
.textLink {
	font-size: 10pt;
	color: #697DAC;
	text-decoration: underline;
}
.textMessage {
	font-size: 8pt;
	font-weight: normal;
	color: #808080;
}
.textErrorMessage {
	color: #CC3300;
	font-size: 10pt;
	font-weight: bold;
}
.textErrors {
	font-size: 10pt;
	font-weight: bold;
	color: Orange;
	padding-bottom: 20px;
	font-family: Arial Verdana;
}
.textNote, .textExample {
	font-size: 8pt;
	font-weight: normal;
	color: Gray;
}
.textNoteOrange {
	font-size: 10pt;
	font-weight: normal;
	color: Orange;
}
/* used when javascript dynamically sets text inside of a cell */
.cellNote {
	font-size: 10pt;
	font-weight: normal;
	color: black;
}
.textViewDropDown {
	font-size: 10pt;
	color: black;
	font-weight: bold;
}
.textTextLabel {
	font-size: 10pt;
	font-weight: bold;
}
.textALText {
	color: #336699;
	font-size: 10pt;
	font-weight: normal;
	font-family: Arial, sans-serif;
}
.textDisabled {
	color: #DFDFDF;
	font-weight: normal;
	font-size: 10pt;
}
.divIFrameControl {
	border: 1px solid #697DAC;
}
/* **************************************************************************System Header Styles ***************************************************************************/
.tableSystemHeader {
	border-collapse: collapse;
	width: 100%;
	height: 60px;
	border: 0px;
	padding: 0px;
	spacing: 0px;
}
.textSystemHeader {
	font-size: 16pt;
	font-weight: bold;
}
.cellSysHeaderDivider {
	background-color: #697DAC;
	height: 10px;
}
/* **************************************************************************List Page Styles ***************************************************************************/
.tableList {
	border-collapse: collapse;
	height: 0px;
}
.cellListHeaderColumns {
	height: 25px;
	background-color: #F5F5F5;
	border-top: #425573 1px solid;
	border-bottom: #425573 1px solid;
	vertical-align: middle;
}
.textListColumnHeaderSort {
	padding-left:  0px;
	text-align: left;
	color: #00156e;
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, sans-serif;
	text-decoration: none;
}
.textListColumnHeaderNonSort {
	color: #00156e;
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, sans-serif;
	text-decoration: none;
}
.textListFilterHeader {
	font-size: 8pt;
	font-weight: normal;
	color: #697DAC;
}
.textListFilterDetail {
	font-size: 8pt;
	font-weight: normal;
	color: #697DAC;
}
.textListFilter {
	font-size: 8pt;
	font-weight: normal;
	color: #697DAC;
}
.rowListHiglightColorOn {
	background-color: #D6E3F4;
	color: Black;
}
.rowListHiglightColorOff {
	background-color: transparent;
}
.textListDescriptionLink {
	font-size: 8pt;
	font-weight: normal;
	color: #697DAC;
	cursor: pointer;
}
.textListActionLink {
	color:  blue !Important;
	font-family: "Segoe UI" , Arial, sans-serif;
	font-size:  10pt;
	font-weight: normal !important;
	cursor: pointer;
	text-decoration: none;
	padding-left: 5px;
	vertical-align: middle;
}
.textListActionLinkDisabled {
	color:  Gray !Important;
	font-family: "Segoe UI" , Arial, sans-serif;
	font-size:  10pt;
	font-weight: normal !important;
	cursor: pointer;
	text-decoration: none;
	padding-left: 5px;
	vertical-align: middle;
}
.image-udf-lookup {
	cursor: hand;
	padding-left: 5px;
}
.ActionImageWidgetHelp {
	padding-left: 17px;
	width: 16px;
	height: 16px;
	background: url(/ActiveLearner/Images/btn_info_grey.png) no-repeat;
	cursor: pointer;
	width: auto;
	top: 5px;
	right: 5px;
}
.ActionImageWidgetHelp:hover {
	background: url(/ActiveLearner/Images/btn_info_hover.png) no-repeat;
}
.ActionImageWidgetJumpTo {
	float: left;
	padding-left: 17px;
	width: 16px;
	height: 16px;
	background: url(/ActiveLearner/Images/btnWidgetGoto.png) no-repeat;
	cursor: pointer;
	width: auto;
}
.ActionImageWidgetJumpTo_row {
	float: left;
	padding-left: 17px;
	width: 16px;
	height: 16px;
	/*background: url(/ActiveLearner/Images/btnLearningProgram.png) no-repeat;
*/
	cursor: pointer;
	width: auto;
	padding-right: 5px;
	white-space: nowrap;
}
.ActionImageWidgetJumpTo_row span:before {
	content: url("/ActiveLearner/Images/btnLearningProgram.png");
	padding-right: 5px;
}
.ActionImageViewCertificate {
	float: left;
	padding-left: 17px;
	width: 16px;
	height: 16px;
	background: url(/ActiveLearner/Images/btnCertificate.png) no-repeat;
	cursor: pointer;
	width: auto;
}
.ActionImageLearn {
	float: left;
	padding-left: 17px;
	width: 16px;
	height: 16px;
	background: url(/ActiveLearner/Images/btnLearningProgram.png) no-repeat;
	cursor: pointer;
	width: auto;
}
.ActionImageEvaluation {
	float: left;
	padding-left: 17px;
	width: auto;
	height: 16px;
	background: url(/ActiveLearner/Images/btnEvaluation.png) no-repeat;
	cursor: pointer;
}
.ActionImageEnroll {
	float: left;
	padding-left: 18px;
	width: auto;
	height: 16px;
	background: url(/ActiveLearner/Images/btnEnroll.png) no-repeat;
	cursor: pointer;
	width: 40px;
}
.ActionImageDrop {
	float: left;
	padding-left: 18px;
	width: auto;
	height: 16px;
	background: url(/ActiveLearner/Images/btnDrop.png) no-repeat;
	cursor: pointer;
}
/* This is the Set As Primary Instructor icon in the ClassInstructor list Action column*/
.ActionImageSetAsPrimary {
	float: left;
	padding-left: 18px;
	width: auto;
	height: 16px;
	background: url(/ActiveLearner/Images/entity_generic.png) no-repeat;
	cursor: pointer;
}
.ActionImagePrereq {
	float: left;
	padding-left: 18px;
	width: auto;
	height: 16px;
	background: url(/ActiveLearner/Images/btnPrerequisites.png) no-repeat;
	cursor: pointer;
}
.ActionImageDetails {
	float: left;
	padding-left: 18px;
	width: auto;
	height: 16px;
	background: url(/ActiveLearner/Images/btnDetails.png) no-repeat;
	cursor: pointer;
}
.ActionImageAttachments {
	float: left;
	padding-left: 18px;
	width: auto;
	height: 16px;
	background: url(/ActiveLearner/Images/btnAttachments.png) no-repeat;
	cursor: pointer;
}
.ActionImageRemove {
	float: left;
	padding-left: 18px;
	width: auto;
	height: 16px;
	background: url(/ActiveLearner/Images/Delete.gif) no-repeat;
	cursor: pointer;
}
.ActionImageAdd {
	float: left;
	padding-left: 18px;
	width: auto;
	height: 16px;
	background: url(/ActiveLearner/Images/new.png) no-repeat;
	cursor: pointer;
}
.ActionImageView {
	float: left;
	padding-left: 18px;
	width: auto;
	height: 16px;
	background: url(/ActiveLearner/Images/ViewTN.png) no-repeat;
	cursor: pointer;
}
.ActionImageAttachment {
	float: left;
	padding-left: 18px;
	width: 16px;
	height: 16px;
	background: url(/ActiveLearner/Images/paperclip.png) no-repeat;
	cursor: pointer;
}
.ActionImageDiscussion {
	float: left;
	padding-left: 18px;
	width: auto;
	height: 16px;
	background: url(/ActiveLearner/Images/users.png) no-repeat;
	cursor: pointer;
}
.ActionImageFeedback {
	float: left;
	padding-left: 18px;
	width: auto;
	height: 16px;
	background: url(/ActiveLearner/Images/user_message.png) no-repeat;
	cursor: pointer;
}
.ActionImageDiscussionViewDetails {
	float: left;
	padding-left: 18px;
	width: auto;
	height: 16px;
	background: url(/ActiveLearner/Images/arrow_right.png) no-repeat;
	cursor: pointer;
}
.ActionImageEmail {
	float: left;
	padding-left: 18px;
	width: auto;
	height: 16px;
	background: url(/ActiveLearner/Images/mail_write.png) no-repeat;
	cursor: pointer;
}
.ActionImageDescription {
	float: left;
	padding-left: 18px;
	width: auto;
	height: 16px;
	background: url(/ActiveLearner/Images/DescriptionLink.png) no-repeat;
	cursor: pointer;
}
.ActionImageAddPersonalDevelopment {
	float: left;
	padding-left: 17px;
	width: auto;
	height: 16px;
	background: url(/ActiveLearner/Images/new.png) no-repeat;
	cursor: pointer;
}
.ActionImageRemovePersonalDevelopment {
	float: left;
	padding-left: 17px;
	width: auto;
	height: 16px;
	background: url(/ActiveLearner/Images/delete.gif) no-repeat;
	cursor: pointer;
}
.ActionImageEditPersonalDevelopment {
	float: left;
	padding-left: 17px;
	width: auto;
	height: 16px;
	background: url(/ActiveLearner/Images/edit.png) no-repeat;
	cursor: pointer;
}
/* **************************************************************************End List Page Styles ***************************************************************************/
/* **************************************************************************Course Learning Module Styles ***************************************************************************/
.rowLearnModHiglightColorOn {
	background-color: #BEC9DE;
	color: #697DAC;
}
.tableLearningModule {
	width: 100%;
	font-size: 10pt;
	font-weight: bold;
	color: #697DAC;
	background-color: #F5F5F5;
	border: 1px solid black;
}
.textCourseStructureHeader {
	font-size: 10pt;
	font-weight: bold;
	color: #697DAC;
}
.textLOHeader {
	font-size: 10pt;
	font-weight: bold;
	color: #697DAC;
}
.textGroupHeader {
	font-size: 10pt;
	font-weight: bold;
	color: #697DAC;
}
/* **************************************************************************Pop-up Window Styles ***************************************************************************/
.tableListPopUp {
	width: 100%;
	background-color: #F5F5F5;
	border-top: #02218A 1px solid;
	border-bottom: #02218A 1px solid;
	border-collapse: collapse;
}
.textPopUpTitleBar {
	font-size: 10pt;
	font-weight: bold;
	color: white;
}
.tablePopUp {
	background-color: #F5F5F5;
}
.rowPopUpTitleBar {
	background-color: #697DAC;
	border-collapse: collapse;
}
.PopupFooterBar {
	border-top: 1px solid #828282;
	/*    background: 0 -2100 repeat-x url('/ActiveLearner/Aspx/Skins/Default/Grid/sprite.gif');
*/
}
/* E-Signature Page pop-up */
.bodyPageESignature {
	/*background-color: #BEC9DE;
*/
}
/* Change Password Page pop-up */
.bodyPageChangePassword {
	background-color: #BEC9DE;
}
/* Grade Recorder Page Wizard pop-ups */
.bodyPageGRWConfirm {
	background-color: #BEC9DE;
}
.bodyPageCreateClass {
	background-color: #BEC9DE;
}
/* Copy Employee Page pop-up */
.bodyPageCopyEmployee {
	background-color: #BEC9DE;
}
/* Evaluation Center Edit Description pop-up */
.bodyPageEvaluationCenter {
	background-color: #F5F5F5;
}
.bodyPageDialog {
	background-color: #F5F5F5;
}
.DialogListFrame {
	border: 1px solid #02218a;
	/*#cccfd3;
*/
	background-color: White;
}
/* **************************************************************************Calendar Styles ***************************************************************************/
.bodyPageCalendar {
}
.cellCalendarDayOn {
	border: 1px solid white;
	color: black;
	font-weight: bold;
	background-color: #BEC9DE;
}
.cellCalendarDayOff {
	font-size: 10pt;
	border: 1px solid black;
	color: black;
	background-color: #F5F5F5;
}
.textCalendarDayHeader {
	font-size: 10pt;
	border: 1px solid black;
	color: black;
	background-color: white;
}
/* **************************************************************************Management of Change Styles ***************************************************************************/
.RegionBar {
	height: 25px;
	background-color: #7382a5;
}
.RegionBarText {
	color: White;
	font-family:  Arial Verdana;
	font-size: 8pt;
	font-weight: bold;
}
.tableFolderPathBlockDefault {
	font-size: 8pt;
	font-weight: bold;
	border: 1px solid black;
	border-collapse: collapse;
	background-color: transparent;
}
.tableFolderPathBlockHighlight {
	font-size: 8pt;
	color: #697DAC;
	font-weight: bold;
	border: 1px solid black;
	border-collapse: collapse;
	background-color: #BEC9DE;
}
.tablePathDiagram {
	font-size: 8pt;
	font-weight: bold;
	border: 1px solid black;
	border-collapse: collapse;
	background-color: transparent;
}
/* **************************************************************************Top Navigation Styles ***************************************************************************/
.tableTopNavHeader {
	width: 100%;
	border: 0px;
}
.tableContentButtonHeader {
	height: 25px;
	width: 100%;
	border-top: 1px #697DAC solid;
	border-collapse: collapse;
}
.clsMenu {
	background-color: white;
	border: 1px solid #697DAC;
	position: absolute;
	visibility: hidden;
	width: 130px;
	padding: 5px 5px 5px 8px;
}
.cellTopNavDivider {
	width: 15px;
	border: 0px;
	text-align: center;
	font-size: 8pt;
	color: black;
	border-collapse: collapse;
	background-color: #BEC9DE;
}
.textTopNavBarDefault {
	font-size: 8pt;
	color: #697DAC;
	font-weight: bold;
}
.textTopNavBarHighlight {
	font-size: 8pt;
	color: #003366;
	font-weight: bold;
	background-color: transparent;
	text-decoration: underline;
}
.textTopNavMenuHighlight {
	font-size: 8pt;
	color: #003366;
	font-weight: bold;
	text-decoration: underline;
}
.textTopNavMenuDefault {
	font-size: 8pt;
	color: #697DAC;
	font-weight: bold;
}
/* **************************************************************************Data Entry Specific Styles ***************************************************************************/
.tableGroup, .tableGroupNew {
	background-color: #F5F5F5;
}
.tableGroup, .tableGroupNew-withBorder {
	background-color: #F5F5F5;
	border: 1px solid black;
}
.tableGroupNew-withBorder {
	padding: 4px
}
.tableGroupNew {
	padding: 4px
}
/*all rdc-control inside tableGroupNew*/
.tableGroupNew .rdc-control {
	padding-bottom: 2px;
	padding-top: 5px;
	width: 100%;
}
.cellControlLabel {
	text-align: left;
}
.textControlLabel {
	font-size: 10pt;
	font-weight: normal;
	color: #697DAC;
}
/* used when javascript dynamically sets text inside of a cell */
.cellTextControlLabel {
	font-size: 10pt;
	font-weight: normal;
	color: #697DAC;
	white-space: nowrap;
}
.cellGroupLabel {
	text-align: left;
}
.textGroupLabel {
	font-size: 10pt;
	font-weight: bold;
	color: black;
}
.textGroupLabel2 {
	font-size: 10pt;
	font-weight: bold;
	color: #697dac;
}
/* used when javascript dynamically sets text inside of a cell */
.cellTextGroupLabel {
	text-align: left;
	font-size: 10pt;
	font-weight: bold;
	color: black;
}
.cellGroup {
	text-align: left;
}
.textGroup {
	font-size: 10pt;
	font-weight: normal;
	color: green;
}
.cellFilterSeparator {
	border-top: 1px;
	border-bottom: 1px;
	border-left: 0px;
	border-right: 0px;
	background-color: White;
}
/* used when javascript dynamically sets text inside of a cell */
.cellTextGroup {
	text-align: left;
	font-size: 10pt;
	font-weight: normal;
	color: black;
}
/* Required field identifiers         This is the old class used by older pages.    */
.cellRequired {
	background-color: #BEC9DE;
}
.cell-required:after {
	/* background-color: #BEC9DE;
*/
	content: "**";
	padding-left: 5px;
}
.textRequired {
	color: #CC3300;
}
.clickable-help {
	cursor: help;
}
.icon-help {
	display: inline;
	cursor: help;
}
.control-with-trailing-icon {
	width: 80% !important;
	float: left;
}
.control-with-trailing-icon-readonly {
	background-color: #f9f9f9;
	border-color: #e5e5e5;
	border-style: solid;
	border-width: 1px;
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.control-without-icon {
	width: 100%;
}
.no-overflow {
	overflow: hidden !important;
}
.controlButtonTopCommon {
	font-family: Arial;
	font-size: 8pt;
	font-weight: normal;
	background-color: #DEE3EF;
	color: #001852;
	width: 75px;
}
.controlButton {
	font-family: Arial;
	font-size: 8pt;
	font-weight: normal;
	background-color: #DEE3EF;
	color: #001852;
	/*width: 75px;
*/
}
.controlButtonImage {
	/*background-color: Transparent;
*/
	font-family: Arial;
	font-size: 8pt;
	font-weight: normal;
	background-color: #DEE3EF;
	color: #001852;
	width: 75px;
	height: 24px;
	padding-top:  3px;
	BACKGROUND-REPEAT: no-repeat;
	/*BACKGROUND-POSITION: 1px;
*/
	CURSOR: hand;
}
.controlSelect {
}
.controlCheckbox {
	background-color: transparent;
}
.controlTextbox {
}
.controlRadio {
	background-color: transparent;
}
.controlTextarea {
	font-family: Arial;
}
textarea {
	font-family: Arial;
}
.controlDisabled {
	background-color: #DFDFDF;
}
/*Filter page group seperator*/
.cellFilterSeparator {
	/*border-top: 1px solid #697DAC;
*/
	padding-top: 0px;
}
/***************************************************************************Curriculum Specific Styles ***************************************************************************/
.bodyPageCurriculum {
	background-color: white;
}
.rowCurriculumColumnHeader {
	background-color: #697DAC;
}
.cellCurriculumColumnHeader {
	text-align: left;
}
.textCurriculumColumnHeader {
	font-size: 10pt;
	font-weight: bold;
	color: white;
}
.textParentNodeHeader {
	font-size: 10pt;
	font-weight: normal;
	color: #697DAC;
}
.textCurriculumTree {
	font-size: 10pt;
	font-weight: normal;
	color: #697DAC;
}
.CurriculumNode {
}
.CurriculumNodePrefered {
}
.CurriculumNodeNonPrefered {
	color: #bbb;
}
.CurriculumNodeRequired {
}
.CurriculumNodeOptional {
}
.CurriculumNodeTitle {
	font-size: 10pt !important;
	font-weight: normal !important;
	white-space: normal !important;
	padding-right: 2px;
}
.CurriculumNodeTitlePrefered {
/*styles for Prefered node title*/
}
.CurriculumNodeTitleNonPrefered {
/*styles for None Prefered node title*/
}
.CurriculumNodeTitleRequired {
/*styles for Required node title*/
}
.CurriculumNodeTitleOptional {
/*styles for Optional node title*/
}
.CurriculumNodeRetrain {
	background: url(/ActiveLearner/Images/Refresher_Training.png) no-repeat;
	display: inline-block;
	font-size: 10pt !important;
	font-weight: normal !important;
	padding-left: 18px;
	margin-left: 15px;
	color: #bbb;
}
.CurriculumNodeRetrainPrefered {
}
.CurriculumNodeRetrainNonPrefered {
}
.CurriculumNodeRetrainRequired {
}
.CurriculumNodeRetrainRequired {
}
.CurriculumNodeRetrainText {
}
.CurriculumNodeRelative {
	background: url(/ActiveLearner/Images/Relative_Event.png) no-repeat;
	display: inline-block;
	font-size: 10pt !important;
	font-weight: normal !important;
	padding-left: 18px;
	margin-left: 15px;
	color: #bbb;
}
.CurriculumNodeRelativePrefered {
}
.CurriculumNodeRelativeNonPrefered {
}
.CurriculumNodeRelativeRequired {
}
.CurriculumNodeRelativeOptional {
}
.CurriculumNodeRelativeText {
}
.textCurriculumTreeItems {
	font-size: 8pt !important;
	font-weight: normal !important;
	white-space: normal !important;
	/*color: #697DAC;
*/
}
.CurriculumTreeItemsPriorityHigh {
	background: url(/ActiveLearner/Images/Priority_High.png) no-repeat !important;
	display: inline-block;
	width: 18px;
	margin-left: 15px;
}
.CurriculumTreeItemsPriorityNormal {
	display: inline-block;
}
.CurriculumTreeItemsPriorityLow {
	background: url(/ActiveLearner/Images/Priority_Low.png) no-repeat;
	display: inline-block;
	width: 18px;
	margin-left: 15px;
}
.CurriculumTreeItemDetails {
	margin: 6px;
}
.CurriculumTreeSearchHighlight {
	background: yellow;
}
.ToolBarSearchBox {
	padding-left: 3px;
}
.ToolBarSearchBoxIcon {
	padding-left: 5px;
	vertical-align: middle;
	padding-right: 5px;
}
/***************************************************************************Telerik Tree Control***************************************************************************/
/*Selected Node*/
.RadTreeView_ALdefault .rtSelected .rtIn {
	border-color: #CBEFFD !important;
	color: black !important;
	background-color: #CBEFFD !important;
}
.RadTreeView_ALdefault .rtHover .rtIn {
	border-color: #E6F8FF !important;
	color: black !important;
	background-color: #E6F8FF !important;
}
/*Disabled item styles*/
.RadMenu_ALdefault .rmGroup .rmDisabled, .RadMenu_ALdefault .rmGroup .rmDisabled:hover {
	color: #767676 !important;
	background-color: transparent !important;
}
/***************************************************************************Grade Recorder Specific Styles **************************************************************************  */
.bodyPageGradeRecorder {
}
.tableGRWClass {
	background-color: #F5F5F5;
}
.tableGRWInstructor {
	background-color: #F5F5F5;
}
.tableGRWEmployee {
	background-color: #CCCCCC;
}
.tableGRWCourse {
	background-color: #BEC9DE;
}
.rowGradeRecorderColumnHeader {
	background-color: #697DAC;
}
.cellGradeRecorderColumnHeader {
	text-align: left;
	vertical-align: middle;
}
.textGradeRecorderColumnHeader {
	font-size: 10pt;
	font-weight: bold;
	color: white;
	vertical-align: middle;
}
.tableGradeRecorder {
	border-collapse: collapse;
}
.cellGRDefaultHeader {
	background-color: #697DAC;
	text-align: center;
}
.textGRDefaultHeader {
	font-size: 10pt;
	color: white;
	font-weight: bold;
}
.rowGRHiglightColorOn {
	font-weight: bold;
	background-color: #BEC9DE;
	color: #697DAC;
}
.rowGRHiglightColorOff {
	background-color: transparent;
}
/* Grade recorder dancing balls window styles */
.bodyPageRedirect {
	background-color: #BEC9DE;
}
.tableRedirectOuter {
	border: 2px solid black;
}
.cellRedirectOuter {
}
.tableRedirectInner {
}
.cellRedirectInner {
}
/* **************************************************************************Filter Page Specific Styles ***************************************************************************/
.bodyPageFilter {
}
.tableFilter {
}
.cellActiveFilterBorderColor {
	background-color: #697DAC;
}
.cellActiveFilterBGColor {
	background-color: white;
}
.cellNonActiveFilterBGColor {
	background-color: white;
}
/* Filter Text Box style Gradient 1 */
.textboxFilter {
	width: 130px;
}
.textboxFilterDate {
	width: 100px;
}
/* **************************************************************************Wizard Pages Specific Styles ***************************************************************************/
.tableWizardOuter {
	background-color: white;
	/*border: 2 solid black;
*/
}
.textHeader2Wizard {
	font-size: 12pt;
	font-weight: bold;
}
.textHeader3Wizard {
	font-size: 10pt;
	font-weight: bold;
}
.rowErrorHighlight {
	background-color: #BEC9DE;
	color: #697DAC;
}
/* **************************************************************************Report Result Pages Specific Styles ***************************************************************************/
.tableReport {
	font-family: Arial Narrow;
	background-color: white;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
}
.cellRptHeaderDefault {
	background-color: #BEC9DE;
	border-width: 2px;
	border-style: solid;
	border-color: black;
}
.textRptHeaderDefault {
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: black;
}
.cellReportResults {
	background-color: white;
	border-width: 1px;
	border-style: solid;
	border-color: #808080;
	padding: 1px;
}
.textReportResults {
	font-size: 8pt;
	color: black;
}
.textChanged {
	font-size: 9pt;
	font-weight: bold;
	color: blue;
}
.cellRptHeaderPrintVersion {
	background-color: #BEC9DE;
	border-width: 1px;
	border-style: solid;
	border-color: black;
}
.textRptHeaderPrintVersion {
	font-size: 7pt;
	font-weight: normal;
	color: black;
}
.cellReportResultsPrintVersion {
	background-color: white;
	border-width: 1px;
	border-style: solid;
	border-color: #808080;
	padding: 1px;
}
.textReportResultsPrintVersion {
	font-size: 7pt;
	color: black;
}
.textChangedPrintVersion {
	font-size: 8pt;
	font-weight: normal;
	color: blue;
}
/* **************************************************************************Quick Links Page Specific Styles ***************************************************************************/
.bodyPageQuickLinks {
	background-color: #F5F5F5;
	font-family: Verdana;
}
.tableQuickLinks {
}
.textQuickLinkHeader {
	font-size: 10pt;
	font-weight: bold;
	color: #697DAC;
	text-decoration: underline;
}
/* **************************************************************************Shared Learning Center and Management Center Page Styles - (Message Center)***************************************************************************/
.bodyPage {
}
.tableListTable {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #828282;
}
.cellListTableHeader {
	height: 20px;
	background-color: white;
	border-top: 1px solid #828282;
	border-bottom: 1px solid #828282;
}
.cellListTableDetail, .cellListTableDetailLastRow {
	BORDER-BOTTOM: #cccfd3 1px solid;
	BORDER-COLLAPSE: collapse;
	HEIGHT: 20px;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: normal;
	padding-left:  3px;
}
.cellListTableDetailAltRow {
	BORDER-BOTTOM: #cccfd3 1px solid;
	BORDER-COLLAPSE: collapse;
	HEIGHT: 20px;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: normal;
	padding-left:  3px;
	background-color: #e6e6e6;
}
.cellListTableDetailLastRow {
	border-top: 1px solid #CCCFD3;
}
.cellListTableFooter {
	height: 20px;
	background-color: white;
	border-top: 1px solid #828282;
	border-bottom: 1px solid #828282;
}
.textListMailDefault {
	font-size: 10pt;
	font-weight: bold;
	color: #86888A;
}
.textListMailOpen {
	font-size: 10pt;
	font-weight: normal;
	color: #86888A;
}
.textListTableDetail {
	font: 12px/16px "segoe ui", arial, sans-serif;
	color: #333;
	text-decoration: none;
}
.textListTableFooter {
	font: 12px/16px "segoe ui", arial, sans-serif;
	color: #333;
	text-decoration: none;
}
.textTNListTableOptionalDetail {
	font-size: 8pt;
	font-weight: normal;
	color: #86888A;
}
.textLabel {
	font-size: 10pt;
	font-weight: normal;
}
.textListTableHeaderNonSort {
	font: 12px/16px "segoe ui", arial, sans-serif;
	color: #333;
	text-decoration: none;
}
.textListTableHeaderSort {
	font: 12px/16px "segoe ui", arial, sans-serif;
	color: #333;
	text-decoration: none;
}
.textHeaderUser {
	font-size: 10pt;
	font-weight: bold;
}
.textFooter {
	font-size: 8pt;
	font-weight: normal;
	color: black;
}
.controlButtonList {
	background-color: #336699;
	border-bottom: 2px solid #003366;
	border-right: 2px solid #003366;
	border-top: 2px solid white;
	border-left: 2px solid white;
	width: 15px;
	height: 15px;
	cursor: hand;
}
.textDetailLabel {
	font-size: 8pt;
	font-weight: bold;
	color: black;
}
.textDetailText {
	font-size: 8pt;
	font-weight: normal;
	color: black;
}
.textWarning {
	font-size: 10pt;
	font-weight: bold;
	color: black;
}
/* **************************************************************************Classes associated with Content header Block***************************************************************************/
.tableHeaderBlockTop {
	width: 100%;
	background-color: #F5F5F5;
	border-top: #425573 1px solid;
	border-bottom: #425573 1px solid;
	border-collapse: collapse;
}
.cellHeaderBlockLabelTop {
	width: 100px;
	padding-left: 6px;
	padding-right: 6px;
	font-family:  Arial, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: black;
}
.cellHeaderBlockTextTop {
	padding-left: 6px;
	padding-right: 6px;
	font-size: 9pt;
	font-family:  Arial, sans-serif;
	font-weight: normal;
	color: black;
}
/* **************************************************************************Classes associated with Security Profile Detail Table***************************************************************************/
.tableSecurityProfileDetail {
	width: 100%;
	border: 1px solid black;
	border-collapse: collapse;
}
.cellSecurityProfileDetailColumnHeader {
	background-color: #F5F5F5;
	border: 1px solid black;
}
.cellSecurityProfileDetail {
	border: 1px solid black;
}
**************************************************************************Classes associated with Learning Web**************************************************************************.tableTopMenu {
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}
.tableTopMenuBackground {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 1px;
	border-top: #697DAC 1px solid;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-collapse: collapse;
}
.btnTopMenu {
	font-family: Arial;
	font-size: 8pt;
	font-weight: normal;
	background-color: #DEE3EF;
	color: #001852;
	cursor: hand;
	width: 60px;
}
.divLearningWebTreeFrame {
	OVERFLOW-Y: auto;
	OVERFLOW-X: hidden;
	scrollbar-face-color: #dadde2;
	scrollbar-highlight-color:;
	scrollbar-3dlight-color: #dadde2;
	scrollbar-darkshadow-color: #CECFD6;
	/*#dadde2;
*/
	scrollbar-shadow-color: #CECFD6;
	/*#383852;
*/
	scrollbar-arrow-color: #383852;
	scrollbar-track-color: #F5F5F5;
	border-color: black;
	border-width: 1px;
	border-style: solid;
	position: absolute;
	margin-left: 6px;
	margin-top: 15px;
}
.textInstructions {
	font-size: 10pt;
	font-weight: normal;
	color: dark-gray;
}
.divFrameWithBorder {
	border-color: black;
	border-width: 1px;
	border-style: solid;
	padding-left: 6px;
}
.ctlDataEntryTextbox {
	font-family: Arial;
}
.ctlDataEntryFileUpload {
	width: 400px;
}
.ctlDataEntryFileUpload {
	width: 400px;
}
.tableDialogFrame {
	background-color: white;
	width: 99%;
	border-top: groove;
	border-bottom: groove;
	border-right: groove;
	border-left: groove;
	overflow: auto;
}
.divDialogInnerFrame {
	border-style: solid solid none solid;
	border-width: 1px;
	border-color:  black;
	background-color: White;
}
.tableDialogBottomButtonBar {
	text-align: right;
}
div.DialogButtons {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 10px;
}
.divPositionBottomLeft {
	position: absolute;
	bottom: 0;
	height: 0px;
	left: 0;
}
.divListScreen {
	/*overflow-y: auto;
*/
	/*width: 0px;
*/
	background-color: #FFFFFF;
	scrollbar-face-color: #BEC9DE;
	scrollbar-track-color: #86888A;
	scrollbar-highlight-color: #86888A;
	scrollbar-shadow-color: #666666;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-3d-light-color: #CCCCCC;
	scrollbar-dark-shadow-color: #86888A;
	scrollbar-base-color: white;
}
/********************************Learning Web Header********************************/
/*Learning Web left nav*/
.rpTemplate .RadTreeView {
	background: white !important;
}
.LrnWebBannerOutterDiv {
	height: 150px;
	width: 100%;
	background: url(/ActiveLearner/Custom/Themes/PetroSkills/LearningWebBanner.jpg) no-repeat left 50%;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 100px;
	background-color: #002c5f;
	margin-left: auto;
	display: table;
	margin-right: auto;
}
.LrnWebBannerSpacerDiv {
	height: 25px;
	width: 25px;
}
.LrnWebBannerTitleDiv {
	width: 500px;
	padding: 10px;
	text-align: left !important;
	filter: alpha(opacity=100);
	background-color: transparent;
	opacity: 1;
	float: left;
	padding-left: 225px;
	margin: 0px auto;
}
.LrnWebBannerTitleText {
	font-size: 24pt;
	color: white;
	text-align: center;
}
/*Detail Page and sub list header*/
.tableEntityHeader {
	border: 1px solid #697DAC;
	background-color: #F5F5F5;
}
.cellEntityHeaderText {
	padding: 5px;
}
.TreeVline {
	background-image: url("/ActiveLearner/Templates/Images/vline.gif");
	background-repeat: repeat-y;
}
.TreeTee {
	background-image: url("/ActiveLearner/Templates/Images/tee.png");
	background-repeat: no-repeat;
	width: 20px !important;
}
.TreeElbow {
	background-image: url("/ActiveLearner/Templates/Images/elbow.gif");
	background-repeat: no-repeat;
	vertical-align: top;
}
/*Custom*/
/*Color palletsuper light gray rgb(247,247,247)*/
.LeftNavigationBannerText {
	font-family: "Segoe UI" , Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: White;
	margin-top: 10px;
	padding-left: 4px;
}
.LeftNavigationBanner {
	height: 37px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	background-color:  #29343b;
}
div.PageTitle {
	font-family: "Segoe UI" , Arial, sans-serif;
	font-size: 16pt;
	color: Black;
}
.textEntityHeaderLabel {
	font-family: "Segoe UI" , Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: Black;
	white-space: nowrap;
}
.textEntityHeaderText {
	font-family: "Segoe UI" , Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: Black;
	white-space: nowrap;
	padding-right: 25px;
}
.tableEntityHeader {
	border: 0px none;
	background-color:  #F7F7F7;
}
.textMessageInstructions {
	font-family: "Segoe UI" , Arial, sans-serif;
	font-size: 10pt;
	color: Gray;
}
.textListFilterDetail {
	font-family: "Segoe UI" , Arial, sans-serif;
	font-size: 10pt;
	color: Gray;
}
.cellTextControlLabel, .textControlLabel {
	font-family: "Segoe UI" , Arial, sans-serif;
	font-size: 10pt;
	color: Black;
}
.controlTextbox {
	font-family: "Segoe UI" , Arial, sans-serif;
	font-size: 10pt;
	color: Black;
}
.tableGroup {
	border: 0px none;
	background-color:  #F7F7F7;
}
.cellRequired {
	background-color: transparent;
}
.textExpiredCourse {
	color:  #C92020;
}
.textHeaderLabel {
	font-family: "Segoe UI" , Arial, sans-serif;
	font-size:  12pt;
	color:  rgb(0, 83, 148);
	font-weight: bolder;
}
.PageText {
	font-family: "Segoe UI" , Arial, sans-serif;
	font-size:  10pt;
	color:  Black;
}
.DefaultPageFakeToolbar {
	height: 37px !important;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	background-color:  #eaeaea;
}
.LoginBody {
	background: none;
}
.LoginRegionBorder {
	border-color: Gray;
	border-style: solid;
	border-width: 1px;
	border-radius: 10px;
	box-shadow:  0px 2px 1px #888888;
}
.ActiveLearnerTagline {
	color: #697DAC;
	font-size: 10pt;
	font-weight: normal;
	font-family: "Segoe UI" , Arial, sans-serif;
}
.LoginSplashImageBorder {
	border-width: 1px;
	border-color: gray;
	border-style: solid;
}
.textCopyright {
	color: #697DAC;
	font-size: 8pt;
	font-weight: normal;
}
.textLink {
	color: #697dac;
	font-family: "Segoe UI" , Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: underline;
}
.GuideLinksBody {
	background: #ebebeb url(/ActiveLearner/Custom/Themes/Petroskills/login_top_background.jpg) repeat-x top;
}
/*Procedure Review Text*/
.textDetailText {
	font-family: "Segoe UI" , Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: black;
}
/** Floating Pop-Up Wait Image Division **/
.PleaseWait {
	border: solid 1px #e5e5e5;
	/*box-shadow:  0px 2px 1px #888888;
*/
	background-color: rgb(247,247,247);
	padding-top: 20px;
}

.PleaseWait2 {
	z-index: 41000;
	width: 70px;
	height: 30px;
	clear: both;
	border-radius: 4px;
	position: absolute;
	left: 50%;
	top: 40%;
	margin-top: -50px;
	margin-left: -75px;
	text-align: center;
	vertical-align: middle;
	z-index: 100;
}

.WidgetPleaseWait {
	position: relative !important;
}
.textListDescription {
	font-family: "Segoe UI" , Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: black;
}
.textLegend {
	font-family: "Segoe UI" , Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: black;
}
/*Wizards*/
.ImageUpdate {
	float: left;
	padding-left: 18px;
	width: auto;
	height: 16px;
	background: url(/ActiveLearner/Images/check.png) no-repeat;
	cursor: pointer;
	width: 40px;
}
.ImageNoUpdate {
	float: left;
	padding-left: 18px;
	width: auto;
	height: 16px;
	background: url(/ActiveLearner/Images/RedX.png) no-repeat;
	cursor: pointer;
	width: 40px;
}
/*Toolbar background color*/
.LeftNavigationBanner, .DefaultPageFakeToolbar, .RadToolBar_ALdefault .rtbOuter {
	background-color:  #eaeaea !important;
}
.RadToolBar .rtbOuter {
	border-style: none !important;
}
/* Program and Course Detail  */
.mc-detail-dl-width {
	width: 180px
}
/***********************************/
/* Learning Center Program details */
.overdue {
	color: Red;
}
/* Day and Week Label on a Milestone */
.milestoneWrapper .milestoneLabelWrapper span {
}
/* wrapper for label for multiline padding */
.milestoneWrapper .milestoneLabelWrapper div {
	padding: 0px 10px 0px 10px;
}
/* this maintans the span height when it has no text becaue of when the padding was moved do the wrapping div teh span has no padding anymore*/
.milestoneWrapper .milestoneLabelWrapper div span {
	margin-right: 1px;
}
/* This sizes the box behind the Milestons Day or Week label Also sets the default background and foreground color */
.milestoneWrapper .milestoneLabelWrapper {
	padding: 5px 0px 5px 0px;
	background-color: rgb(60,169,221);
	color: White;
}
/*Set background and foreground color for the current week milestone */
.milestoneWrapper.week-current .milestoneLabelWrapper {
	background-color: rgb(222,141,0);
	color: white;
}
/*Set the size of the milestone Header label*/
.milestoneWrapper {
	width: 473px;
	/* width: 250px;
*/
}
.milestoneWrapper-long {
}
/*Draw a pointer for the milestone header */
.milestoneWrapper .milestonePointer {
	/*    width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
*/
}
/*set the color of the milestone pointer for the current week */
.milestoneWrapper.week-current .milestonePointer {
	/*border-top: 15px solid #B8FFA6;
*/
}
/*set the color of the milestone pointer for future milestones */
.milestoneWrapper.week-planned .milestonePointer {
	/*border-top: 15px solid #606BA2;
*/
}
/*set the color of the milestone pointer for the prework milestone */
.milestoneWrapper.week-prework .milestonePointer {
	/*border-top: 15px solid #606BA2;
*/
}
.milestoneWrapper.week-review .milestoneLabelWrapper {
	background-color: rgb(254, 191,0);
	color: black;
}
.milestoneWrapper.week-review .milestoneReviewIndicator {
	float: right;
	display: inline;
	font-weight: bold;
	padding-left: 18px;
	width: auto;
	height: 16px;
	background: url(/ActiveLearner/Images/hand_point_down.png) no-repeat;
}
/* This is the background of the Program Detail Header */
.lc-program-detail-header {
	padding: 5px 5px 5px 5px;
}
/* General label style (currently the "Program Status" label) */
.lc-program-detail-label {
	color: #002060;
	font-size: 12px;
	font-weight: bold;
}
/* big header label style (currently the "Program:" label) */
.lc-program-detail-header-label-big {
	color: #002060;
	font-size: 18px;
	font-weight: bold;
}
/* little header label style (currently the "Session:" label) */
.lc-program-detail-header-label-little {
	font-weight: bold;
	font-size: 12px;
}
/* big header value style (currently the Program name) */
.lc-program-detail-header-value-big {
	font-size: 18px;
}
/* little header value style (currently the session time span) */
.lc-program-detail-header-value-little {
	font-size: 12px;
}

#imgProgramImage
{
height:  100px;
}


/***************************************
 Discussion Page 
***************************************/

/* notifications on discussion page (For new messages) */
.textDiscussionSubject {
	color: black;
	font-size: 16px;
	font-weight: bold;
}
/* the discussion Header style */
.textDiscussionHeader {
	font-size: 12px;
}
.fixed-div {
	position: fixed;
	top: 1em;
	right: 1em;
}
.lc-detail .notification {
/* same as highlight color */
	background-color: Orange;
	height: 20px;
	cursor: pointer;
}
/* tree list modifications */
div.RadTreeList .rtlR td.rtlCF, div.RadTreeList .rtlA td.rtlCF, div.RadTreeList .rtlREdit td.rtlCF, div.RadTreeList .rtlRFooter td.rtlCF {
	border-left-width: 1px;
}
.reGrip.grip_last {
	display: none;
}
/* this is the alternating item style */
.lc-detail .RadTreeList .rtlA TD.rtlCL {
	background-color: #F3F4F8;
}
/* the person image for a comment owner */
.avatar {
	width: 50px;
	height: 50px;
}
/* this is to pad the Scoring dialog so the edit controls are not    touching ht edialog borders */
.dialog-pad .rwWindowContent {
	padding: 10px;
}
.center-text {
	text-align: center;
}
.full-width {
	width: 100%;
	box-sizing: border-box;
}
.pad-right {
	padding-right: 20px;
}
.lc-detail .lblvalue {
	color: #002060;
	font-size: 12px;
	font-weight: bold;
}
/* this is the highlight color for "New" indicator */
.lc-detail .highlight {
	color: Orange;
}
.lc-detail .employee-name {
	color: #00BFFF;
}
.lc-detail {
}
/*Button widths. */
.wide-button input {
	width: 120px;
}
.small-button input {
	width: 75px;
}
.center {
	text-align: center;
}
.pslink {
	color: #697DAC;
	cursor: pointer;
}
/* PS Button */
.psbutton {
	padding: 5px;
	float: left;
}
.psbutton a:link {
	text-decoration: none;
	color: inherit;
}
.psbutton a:visited {
	text-decoration: none;
	color: inherit;
}
.psbutton a:hover {
	text-decoration: underline;
}
.psbutton a:active {
	text-decoration: underline;
}
.psbutton a:before {
	padding-right: 5px;
	vertical-align: top;
}
.psbutton .textListActionLink {
/* middle align from textListActionLink causes text and image to be out of alignment */
	vertical-align: top;
}
.pslinkbutton:visited {
	text-decoration: none;
	color: inherit;
}
.pslinkbutton:hover {
	text-decoration: underline;
}
.pslinkbutton:active {
	text-decoration: underline;
}
/* This is the RadEditor's image for the PSInsertDocument command Assembla #992 */
.reToolbar SPAN.PSInsertDocument {
	background-image: url(/ActiveLearner/Images/btnAttachments.png) !important;
}
.psicon {
	width: 16px;
	height: 16px;
	cursor: pointer;
}
.email.psicon {
	background-image: url("/ActiveLearner/Images/mail_write.png");
}
.viewProfile.psicon {
	background-image: url("/ActiveLearner/Images/id_card.png");
}
/* PS Button Images  on Discussion Page*/
/*  Delete and Remove are used by the MC Activity Detail for Thumbnail Editing Buttons */
.psbutton.delete a:before {
	content: url("/ActiveLearner/Images/Delete_dark.png");
}
.psbutton.reply a:before {
	content: url("/ActiveLearner/Images/Reply.png");
}
.psbutton.edit a:before {
	content: url("/ActiveLearner/Images/edit.png");
}
.psbutton.score a:before {
	content: url("/ActiveLearner/Images/btnEvaluation.png");
}
.psbutton.info a:before {
	content: url("/ActiveLearner/Images/btn_info.png");
}
.psbutton.email a:before {
	content: url("/ActiveLearner/Images/mail_write.png");
}
.psbutton.add a:before {
	content: url("/ActiveLearner/Images/add_item.png");
}
/* Jeff wanted to use the edit icon here for now, might change later to one in mockup */
/* Change is used for the Activity Thumbnail "Change" button */
.psbutton.change a:before {
	content: url("/ActiveLearner/Images/edit.png");
}
.psbutton.picture a:before {
	content: url("/ActiveLearner/Images/picture.png");
}
.psbutton.copy a:before {
	content: url("/ActiveLearner/Images/copy.png");
}
/* expand/collapse are used for the MC Training History Detail expand/collapse approver/verifier/assessor notes */
.psbutton.expand a:before {
	content: url("/ActiveLearner/Images/collapsed_arrow.png");
}
.psbutton.collapse a:before {
	content: url("/ActiveLearner/Images/expanded_arrow.png");
}
.psicon-align {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 16px;
/* Width of image */
	height: 16px;
/* Height of image */
	padding-left: 16px;
/* Equal to width of image */
	padding-top: 1px;
	vertical-align: middle;
}
/* used on /ManagementCenter/UI_Employee/TrainingHistoryDetail.aspx for Assessor notes indicator */
.icon-notes {
	background: url(/ActiveLearner/Images/note.png) no-repeat;
}
/* used on /ManagementCenter/UI_Employee/TrainingHistoryDetail.aspx for Assessor notes indicator */
.icon-notes-available {
	background: url(/ActiveLearner/Images/note_available.png) no-repeat;
}
/* Common Fading Notification Control */
.notificationClose {
	float: right;
	margin-left: 10px;
}
/* Javascript looks for elements with the class "fadingNotificationControl" to make them fade when the page loads */
.fadingNotificationControl {
	background-color: #f7f7f7;
/*rgb(0,32,78) */
	position: absolute;
	padding: 10px 5px 10px 20px;
	color: black;
	max-width: 25%;
	z-index: 100;
}
.notificationText {
}
/*What's help popup styles is a jquery UI dialog identified by class "whats-help-popup" */
/* use our close icon for the help popup */
.whats-help-popup .ui-icon-closethick {
	background-image: url(/ActiveLearner/images/close.png) !important;
	background-position: left top !important;
}
/* Set the foreground and background color of the help popup */
.whats-help-popup .ui-dialog-content {
	background: none repeat scroll 0 0 rgb(0,32,78);
	color: White;
}
/*hide the header for the help popup. Assuming it has no text. */
.whats-help-popup .ui-widget-header {
/* set the background color to the same as the content to hide the title. Assuming the title text is blank. */
	background: rgb(0,32,78);
	border: 0;
	color: White;
/* set the height of the header because without text, it appears squashed. */
	height: 1.5em;
}
/*general popup styles is a jquery UI dialog identified by class "general-popup" */
/* use our close icon for the help popup */
.general-popup .ui-icon-closethick {
	background-image: url(/ActiveLearner/images/close.png) !important;
	background-position: left top !important;
}
/* Set the foreground and background color of the general popup */
.general-popup .ui-dialog-content {
	background: none repeat scroll 0 0 white;
}
/*general popup header */
.general-popup .ui-widget-header {
	background: rgb(0,32,78);
	border: 0;
	color: White;
}
.ui-widget {
	font-family: inherit !important;
	font-size: inherit !important;
}
/* passing score foreground color */
.score-not-passing {
	color: Red !important;
}
/* passing score foreground color */
.score-passing {
	color: Green !important;
}
.background-shaded {
	background-color: #F5F5F5;
}
.cellindent {
	padding-left: 10px;
}
/*Layout related*/
.detail-body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}
.detail-form {
	overflow: none;
	margin-left: 10px;
	margin-right: 10px;
}
.detail-form .PageTitle {
	margin-top: 10px;
	margin-right: 10px;
}
.content {
	/* KAH 07232015 - Im not sure why I have "min-height: 100%;
" here. It caues defect #784 (a scroll bar always appearing)*/
	/*min-height: 100%;
*/
	position: relative;
	/*overflow: auto;
*/
	z-index: 0;
	/*margin-top: 10px;
*/
}
.checkbox-offset {
	margin-top: 18px;
}
.background {
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
}
.top_block {
	clear: both;
	display: block;
	overflow: hidden;
}
.bottom_block {
	position: absolute;
	width: 100%;
	display: block;
	bottom: 0;
}
.left_block {
	display: block;
	float: left;
	overflow: hidden;
	margin-right: 20px;
}
/* InlineBlock is slightly different than LsefBlock. It is more friendly to not wrapping, but lines up differently */
.inline_block {
	display: inline-block;
	overflow: hidden;
	margin-right: 20px;
}
.right_block {
	display: block;
	float: right;
	overflow: hidden;
}
.center_block {
	display: block;
	width: auto;
	overflow: hidden;
}
.with-overflow {
	overflow: visible !important;
}
.row {
	margin-bottom: 20px;
}
.row-short {
	margin-bottom: 10px;
}
.nowrap {
	white-space: nowrap;
}
.wrap {
	white-space: normal !important;
}
.bold {
	font-weight: bold;
}
.display-none {
	display: none;
}
.cursor-pointer {
	cursor: pointer;
}
/*LC Program List*/
.ProgramCategory {
	background-color: #f7f7f7;
	padding: 10px 10px 10px 0px;
	margin-bottom: 10px;
	margin-top: 25px;
	color: rgb(33,87,138);
	font-size: 14pt;
	font-weight: bold;
	font-family: "Segoe UI" , Arial, sans-serif;
	width: auto;
}
.ProgramTitle {
	color: black;
	font-size: 10pt;
	font-weight: bold;
	font-family: "Segoe UI" , Arial, sans-serif;
}
.ProgramCode {
	color: black;
	font-size: 10pt;
	font-weight: normal;
	font-family: "Segoe UI" , Arial, sans-serif;
}
/******************************************************Announcement Dialog*******************************************************/
.AnnouncementBottomBar {
	background-color: White;
}
/******************************************************Steve Leynzon 8.23.2016Overriding telerik default style "cursor" for an image inside grid cell. This is for LC TN page thumbnail.*******************************************************/
.RadGrid input[type='image'] {
	cursor: default !important;
}
/*****************************************Competency Map page:*/
.cmap-headercell {
	color: white;
	font-size: 12pt;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
	border-top: .5pt solid windowtext;
	border-right: .5pt solid windowtext;
	border-bottom: .5pt solid windowtext;
	border-left: .5pt solid windowtext;
	background: #002060;
	padding: 5px;
}
.cmap-skillDesc {
	text-align: left;
	vertical-align: middle;
	border: .5pt solid windowtext;
	background: white;
	white-space: normal;
	padding: 5px;
}
.cmap-br {
	border-right: .5pt solid windowtext;
	padding-right: 5px;
}
.cmap-bl {
	padding-left: 5px;
	border-left: .5pt solid windowtext;
}
.cmap-skillgroup-blue {
	color: white;
	font-size: 12pt;
	font-weight: 700;
	/*text-align: center;
*/
	vertical-align: top;
	border-top: none;
	border-bottom: none;
	background: #015998;
	white-space: normal;
	padding-top: 5px;
	padding-bottom: 5px;
}
.cmap-skillgroup {
	font-weight: 700;
	font-size: 12pt;
	border-top: none;
	border-bottom: .5pt solid windowtext;
	background: #FDB813;
	white-space: normal;
	padding: 5px;
}
.cmap-skill {
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
	border-top: .5pt solid windowtext;
	border-right: .5pt solid windowtext;
	border-bottom: .5pt solid windowtext;
	border-left: .5pt solid windowtext;
	background: #F2F2F2;
	white-space: normal;
	padding: 5px;
}
.cmap-skillgroup-complevel-desc {
	font-weight: 700;
	text-align: left;
	vertical-align: middle;
	border-top: .5pt solid windowtext;
	border-right: .5pt solid windowtext;
	border-bottom: .5pt solid windowtext;
	border-left: .5pt solid windowtext;
	background: #FDB813;
	white-space: normal;
	padding-left: 12px;
	padding: 5px;
}
.cmap-sgbreak {
	height: 1px;
	vertical-align: top;
	border-top: .5pt solid windowtext;
	border-right: .5pt solid windowtext;
	border-bottom: .5pt solid windowtext;
	border-left: .5pt solid windowtext;
	background: black;
}
.cmap-da-cell {
	border-top: .5pt solid windowtext;
	border-right: .5pt solid windowtext;
	border-bottom: .5pt solid windowtext;
	border-left: .5pt solid windowtext;
	padding: 5px;
}
/* cmap-dacode is the DA code inside the DA Cell */
.cmap-dacode {
	margin-top: 5px;
	width: 100%;
	display: block;
	/*color: White;
*/
	white-space: nowrap;
}
.cmap-table {
	border-collapse: collapse;
	width: 100%;
}
.cmap-table-div {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
.cmap-activity-1 {
/* green */
	background: #00CC66;
background: -webkit-linear-gradient(#ffffff,
	#00CC66);
background: -moz-linear-gradient(#ffffff,
	#00CC66);
background: linear-gradient(#ffffff,
	#00CC66);
}
.cmap-activity-2 {
/*orange ff6600*/
	background: #ff6600;
background: -webkit-linear-gradient(#ffffff,
	#ff6600);
background: -moz-linear-gradient(#ffffff,
	#ff6600);
background: linear-gradient(#ffffff,
	#ff6600);
}
.cmap-activity-3 {
/*brick? */
	background: #CC0000;
background: -webkit-linear-gradient(#ffffff,
	#CC0000);
background: -moz-linear-gradient(#ffffff,
	#CC0000);
background: linear-gradient(#ffffff,
	#CC0000);
}
.cmap-activity-4 {
/*light green*/
	background: #CCFF00;
background: -webkit-linear-gradient(#ffffff,
	#CCFF00);
background: -moz-linear-gradient(#ffffff,
	#CCFF00);
background: linear-gradient(#ffffff,
	#CCFF00);
}
.cmap-activity-5 {
/* purple */
	background: #9933ff;
background: -webkit-linear-gradient(#ffffff,
	#9933ff);
background: -moz-linear-gradient(#ffffff,
	#9933ff);
background: linear-gradient(#ffffff,
	#9933ff);
}
.cmap-activity-6 {
/* pink */
	background: #ff3399;
background: -webkit-linear-gradient(#ffffff,
	#ff3399);
background: -moz-linear-gradient(#ffffff,
	#ff3399);
background: linear-gradient(#ffffff,
	#ff3399);
}
.cmap-activity-7 {
/* light blue */
	background: #00ffff;
background: -webkit-linear-gradient(#ffffff,
	#00ffff);
background: -moz-linear-gradient(#ffffff,
	#00ffff);
background: linear-gradient(#ffffff,
	#00ffff);
}
.cmap-activity-8 {
/**/
	background: #ffff00;
background: -webkit-linear-gradient(#ffffff,
	#ffff00);
background: -moz-linear-gradient(#ffffff,
	#ffff00);
background: linear-gradient(#ffffff,
	#ffff00);
}
.cmap-activity-9 {
	background: #ffcc00;
background: -webkit-linear-gradient(#ffffff,
	#ffcc00);
background: -moz-linear-gradient(#ffffff,
	#ffcc00);
background: linear-gradient(#ffffff,
	#ffcc00);
}
.cmap-activity-10 {
/* skin */
	background: #ff9966;
background: -webkit-linear-gradient(#ffffff,
	#ff9966);
background: -moz-linear-gradient(#ffffff,
	#ff9966);
background: linear-gradient(#ffffff,
	#ff9966);
}
.cmap-activity-11 {
/* dk brown */
	background: #663300;
background: -webkit-linear-gradient(#ffffff,
	#663300);
background: -moz-linear-gradient(#ffffff,
	#663300);
background: linear-gradient(#ffffff,
	#663300);
}
.cmap-activity-12 {
	background: #990033;
background: -webkit-linear-gradient(#ffffff,
	#990033);
background: -moz-linear-gradient(#ffffff,
	#990033);
background: linear-gradient(#ffffff,
	#990033);
}
.cmap-activity-13 {
	background: #0000ff;
background: -webkit-linear-gradient(#ffffff,
	#0000ff);
background: -moz-linear-gradient(#ffffff,
	#0000ff);
background: linear-gradient(#ffffff,
	#0000ff);
}
.cmap-activity-14 {
/* dk purple */
	background: #6600cc;
background: -webkit-linear-gradient(#ffffff,
	#6600cc);
background: -moz-linear-gradient(#ffffff,
	#6600cc);
background: linear-gradient(#ffffff,
	#6600cc);
}
.cmap-activity-15 {
	background: #ff0000;
background: -webkit-linear-gradient(#ffffff,
	#ff0000);
background: -moz-linear-gradient(#ffffff,
	#ff0000);
background: linear-gradient(#ffffff,
	#ff0000);
}
.cmap-activity-16 {
	background: #99ff00;
background: -webkit-linear-gradient(#ffffff,
	#99ff00);
background: -moz-linear-gradient(#ffffff,
	#99ff00);
background: linear-gradient(#ffffff,
	#99ff00);
}
.cmap-activity-17 {
	background: #999900;
background: -webkit-linear-gradient(#ffffff,
	#999900);
background: -moz-linear-gradient(#ffffff,
	#999900);
background: linear-gradient(#ffffff,
	#999900);
}
.cmap-activity-18 {
	background: #003366;
background: -webkit-linear-gradient(#ffffff,
	#003366);
background: -moz-linear-gradient(#ffffff,
	#003366);
background: linear-gradient(#ffffff,
	#003366);
}
.cmap-activity-19 {
	background: #cc0033;
background: -webkit-linear-gradient(#ffffff,
	#cc0033);
background: -moz-linear-gradient(#ffffff,
	#cc0033);
background: linear-gradient(#ffffff,
	#cc0033);
}
.cmap-activity-20 {
/*brown 993300*/
	background: #993300;
background: -webkit-linear-gradient(#ffffff,
	#993300);
background: -moz-linear-gradient(#ffffff,
	#993300);
background: linear-gradient(#ffffff,
	#993300);
}
.cmap-activity-21 {
/*burgundy? 660000*/
	background: #660000;
background: -webkit-linear-gradient(#ffffff,
	#660000);
background: -moz-linear-gradient(#ffffff,
	#660000);
background: linear-gradient(#ffffff,
	#660000);
}
/* Dashboard Styles */
.alwidget {
	overflow: auto;
}
.dashboard .dockZone {
	padding: 0px 10px 10px 0px !important;
}
.dashboard .RadDock {
	-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;
/* Firefox, other Gecko */
	box-sizing: border-box;
/* Opera/IE 8+ */
	padding: 10px 0px 0px 10px !important;
}
/* styles for Widgets */
/*SQL Widget title and Subtitle */
.WidgetTitle {
	font-family: "Segoe UI" , Arial, sans-serif;
	font-size: 16pt;
	line-height: 18pt;
	margin-top: 5px;
	padding-bottom: 10px;
	padding-top: 5px;
	text-align: left;
	width: 100%;
}
.WidgetSubtitle {
	text-align: left;
	width: 100%;
}
.WidgetFooter {
	color: Gray;
	font-size: 8pt;
	font-weight: normal;
	text-align: right;
}
/* singleValue for SQL Widget to customize table of a 2 row Label/Value pair */
.singleValue table {
	width: 100%;
}
/* hide the table header row */
.singleValue tr:first-child {
	display: none;
}
/* make the value larger */
.singleValue tr:first-child  + tr {
	color: #4d82b8;
	font-size: 30pt;
	height: 34px;
	line-height: 32pt;
	text-align: center;
}
.singleValue td {
	padding-bottom: 20px;
	padding-top: 20px;
}
.singleValue .WidgetTitle {
	padding-bottom: 10px;
	padding-top: 5px;
	text-align: center !important;
/* force the height of the Title to consistently place the value field */
	height: 50px;
}
.singleValue .WidgetSubtitle {
	text-align: center !important;
}
.widget_List_Bordered tr td:last-child {
	border-right: 2px solid !important;
}
.widget_List_Bordered table {
	border: solid black;
}
.widget_List_Bordered th+th {
	border: 1px solid;
}
.widget_List_Bordered td+td {
	border: 1px solid !important;
}
.widget_List_Centered th+th {
	text-align: center !important;
}
.widget_List_Centered td+td {
	text-align: center !important;
}
.widget_List th {
	text-align: left;
}
.widget_List .widgetListHeader:first-child {
	padding-left: 8px;
}
.widget_List tr {
	padding-top: 1px;
	padding-bottom: 1px;
}
.widget_list_column_jumpto {
	text-align: right;
	background-position: right;
}
.widget_List table {
	width: 100%;
	font-size: 10pt;
	line-height: 14pt;
}
.widget_overdue_text {
	color: #C92020;
}
.widget_enrollmentstatus_red {
	color: #C92020;
}
.widget_overdue_today_text {
	color: #FDD456;
}
.widget_overdue_background {
	background-color: #C92020;
	height: 30px;
	width: 100%;
}
.widget_overdue_today_background {
	background-color: #FDD456;
	height: 30px;
	width: 100%;
}
.widget_notoverdue_text {
	color: #2ecc71;
}
.widget_notoverdue_background {
	background-color: #2ecc71;
	height: 30px;
	width: 100%;
}
.widget-legend-icon {
	margin-right: 2px;
	margin-left: 2px;
}
.widget-legend-text {
	margin-right: 2px;
	margin-left: 2px;
	font-size: 8px;
}
.widget-legend {
	border: 1px solid #a1a1a1;
	padding-right: 2px;
	padding-left: 2px;
	background: #e5e5e5;
	border-radius: 5px;
}
/* styles for percent gauge custom widget */
.chart_percentGauge_axisValue {
	font-size: 20px;
}
.chart_percentGauge_summaryText {
	text-align: center;
}
.manageWidgetControl {
	background-color: #f7f7f7;
/*rgb(0,32,78) */
	position: absolute;
	right: 1em;
	top: 1em;
	width: 60px;
}
/*Styes for HTML Instructions widget*/
.Instruction_Widget_Back_Panel {
	padding-top: 3px;
	padding-bottom: 3px;
	width: 100%;
	background-color: rgb(0, 83, 148);
}
.Instruction_Widget_Title {
	font-family: "Segoe UI" , Arial, sans-serif;
	font-size: 14pt;
	line-height: 18pt;
	color: White;
	font-weight: bold;
	padding-left: 10px;
}
.Instruction_Widget_Instructions_Text {
	font-family: "Segoe UI" , Arial, sans-serif;
	font-size: 11pt;
	color: White;
	font-weight: normal;
	padding-left: 20px;
}
/* #2324 - LC MC Dashboards:  For HTML widgets, use a different CSS class for the frame that uses 0px padding instead of the 5px padding used by the other widgets. */
.RadDock[data-widgetPadd='False'] .rdBottom, .RadDock[data-widgetPadd='False'] .rdTop, .RadDock[data-widgetPadd='False'] .rdMiddle .rdLeft, .RadDock[data-widgetPadd='False'] .rdMiddle .rdRight {
	display: none;
}
.button-pager-left {
	margin-left: 5px;
	margin-right: 5px;
}
.button-pager-left[data-widgetaction] {
	cursor: pointer;
}
.button-pager-right {
	margin-left: 5px;
	margin-right: 5px;
}
.button-pager-right[data-widgetaction] {
	cursor: pointer;
}
.slider-data-pager-handle {
	/*    width: 3em !important;
	height: 1.6em !important;
	top: 50% !important;
	margin-top: -.8em;
	text-align: center;
	line-height: 1.6em;
*/
}
/*******************************Widget Border - Override Telerik*******************************/
.RadDock_Default .rdTop .rdLeft, .RadDock_Default .rdTop .rdRight, .RadDock_Default .rdTop .rdCenter, .RadDock_Default .rdBottom .rdLeft, .RadDock_Default .rdBottom .rdRight, .RadDock_Default .rdBottom .rdCenter {
	background-image:  none !important;
}
.RadDock_Default .rdMiddle .rdLeft, .RadDock_Default .rdMiddle .rdRight {
	background-image:  none !important;
}
.RadDock .rdTable {
	border-style: solid !important;
	border-width: 1px !important;
	border-color: #e5e5e5 !important;
}
/*Remove Telerik dock border*/
.RadDockZone {
	border-style: none !important;
}
/* #2183 LC MC Dashboards: Change dashboard background to grey*/
/*  The widget frames are not totally white, */
.Dashboard_Body {
	background-color:  #ededed;
}
.RadDock .rdTable, .RadDock .rdTable .rdLeft, .RadDock .rdTable .rdCenter, .RadDock .rdTable .rdRight {
	background-color: white;
}
/*.RadWindow .rwWindowContent IFRAME {
	height: 500px !important;
}
*/
/* end #2183 */
.size-max {
	height: 100%;
	width: 100%;
}
.size-max-width {
	width: 100%;
}
.size-max-height {
	height: 100%;
}
/* CSS Table classes - Used on Dashboard Editors. */
.table-container {
	display: table;
	border-collapse: collapse;
}
.table-row {
	display: table-row;
}
.table-cell {
	display: table-cell;
	height: 100%;
}
.button-cell {
	vertical-align: middle;
}
/* Employee Tier Roles */
.tier-cell {
	border-width: 0 0 1px;
	border-style: solid;
	border-color: inherit;
}
.training-requirement .level3-header {
	color: white;
	font-size: 12pt;
	font-weight: 700;
	text-align: left;
	vertical-align: middle;
	background-color: rgb(0, 83, 148);
	padding: 2px 2px 2px 5px;
	height: 20px;
}
.training-requirement .level2-header {
	font-size: 10pt;
	font-weight: 700;
	text-align: left;
	vertical-align: middle;
	background: rgb(225, 225, 225);
	padding: 2px 2px 2px 5px;
	height: 20px;
}
.training-requirement .level1-header {
	vertical-align: middle;
	border: 1pt solid rgb(200, 200, 200);
	background-color: white;
	/*rgb(247, 247, 247);
*/
	white-space: normal;
	padding: 2px 2px 2px 5px;
	height: 20px;
}
.LeftNavigationBanner ul {
	list-style-type: none;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	position: absolute;
	top: 8px;
	left: 1px;
}
.LeftNavigationBanner li {
	float: left;
	color: black;
	padding: 0 5px 4px 5px;
}
.LeftNavigationBanner img {
	padding-top: 4px;
	vertical-align: middle;
}
.LeftNavigationBanner span {
	display: inline-block;
	vertical-align: middle;
}
.LeftNavigationBanner li:not(.NoHover):hover {
	color: black;
	background-color: #e6f8ff;
	border-color: #e6f8ff;
	cursor: pointer;
}
.OrgTree {
	background-color: white;
}
.treeViewWrapper {
	margin-left: 10px;
	margin-right: 10px;
}
/* Class for left nav company logo*/
.leftnav-companylogo {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	text-align:  center;
}
/*  These allow us to use font icons in Telerik menu items     https://www.telerik.com/forums/fontawesome-icons-in-menu-items*/
/*.rmItem.far {
	font: inherit;
}
.rmItem.far:before {
	font: normal normal normal 14px/1 FontAwesome;
	position: absolute;
	left: 10px;
	top: 3px;
	z-index: 1;
}
.RadToolBar_ALdefault .ps-faicon-pad {
	padding: 5px 5px !important;
	font-family: inherit;
	font: inherit;
}
*/
.RadPanelBar .rpSlide {
	margin-left: 13px !important;
}
.RadPanelBar .rpLevel2 .rpTemplate, .RadPanelBar .rpLevel2 .rpOut {
	padding-left: 0px !important;
}
/* Pad Font Awesome for toolbar */
.ps-fa-toolbar {
	--color: black;
	color: rgb(33, 87, 137);
	font-size: 16px;
	fa-swap-opacity;
}
.ps-fa-toolbar-expandable {
	padding-top: 1px !important;
	padding-right: 8px !important;
}
.ps-fa-toolbar-nonexpandable {
	padding-top: 4px !important;
	padding-right: 8px !important;
}


.ps-fa-leftnav-toolbar {
	/*padding-top: 1px !important;
	padding-right: 8px !important;
*/
}

.ps-fa-leftnav-toolbar-text {
	font: normal 10pt/20px "Segoe UI" , Arial, sans-serif;
	color: black;
	padding-bottom: 4px;
	padding-left: 6px;
}
.ps-fa-leftnav, .ps-fa-leftnav-secondary {
	color: rgb(33, 87, 137);
	display: inline-block;
	zoom: 1;
	float: left;
	border: 0;
	vertical-align: middle;
	padding-bottom: 0px;
}
.ps-fa-leftnav {
	font-size: 16px;
	width:  20px;
	padding-top: 4px;
	padding-right: 8px;
}
.ps-fa-leftnav-secondary {
	font-size: 8px;
	width: 10px;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
}

.ps-fa-pageview {
	color: rgb(33, 87, 137);
}
.ps-fa-gallerytile{
    color:rgb(33, 87, 137); 
}

/******************************************************Learning Roadmap*******************************************************/
.Rm-Roadmap-Panel {
	background-size: contain !important;
	background-repeat: no-repeat !important;
}
.Rm-Activity {
	max-width: 270px !important;
}
.Rm-Activity-Detail .left_block {
	margin-right: 0;
	width: 150px !important;
}
.Rm-Activity-Thumb {
	padding-left: 0px;
	padding-right: 10px;
	max-width: 100px;
}
.Rm-Activity-Thumb img {
	display: block;
	width: 100%;
}
--change this in database.Rm-Roadmap-Description {
	font-size: 10pt !important;
	color: black !important;
}


.Gv-Container {
    margin-top: -20px;            
}

.Gv-Container table {	
	min-width: 200px;
	border: none;
	empty-cells: hide;
	table-layout: fixed;
	border-spacing: 14px 20px;
}

.Gv-Activity-Container {
	box-shadow: 5px 5px 10px #cacaca, -5px -5px 10px #f6f6f6;
	padding: 0px;
	border: 1px solid lightgray;
}
.Gv-Activity-Container:hover {
    cursor: pointer;            
}
.Gv-Activity-Thumbnail {	
	position: relative;
	background-color: rgb(176, 226, 250);
}
.Gv-Activity-Thumbnail img {
	width: 225px;
	height: 150px;
	object-fit: cover;
}
.Gv-Activity-Thumbnail .Gv-Activity-Sequence-Number {
	position: absolute;
	width: 100%;
	text-align: center;
	background-color: white;
	height: 20px;
}
.Gv-Activity-Thumbnail .Gv-Activity-Review-Overlay {
	position: absolute;
	width: 100%;
	line-height:130px;
	margin-top:20px;
	text-align: center;
	background-color: #febf00c0;
	font-size: 32pt;
	color: #f0f0f0;
	text-shadow: 1px -2px 4px black;
	font-weight: bold;
}
.Gv-Activity-Title {
	height: 75px;
	padding: 5px 10px 5px 5px;
    font-size: 11pt;
    word-break: break-word;
}
.Gv-Activity-Duration {
	margin: 10px;
}

.Gv-Activity-Duration .left_block {
	margin-right: 10px
}
.Gv-Activity-Due {
}
.Gv-Activity-Status {
	height: 30px;
	text-align: center;
}
.Gv-Activity-Status a {
	color: white;
	display: block;
	padding-top: 5px;
}
.Gv-Activity-Status span {
	margin-right: 10px;
}
.Gv-Activity-Status-Overdue {
	background: #C92020;
}
.Gv-Activity-Status-Due {
	background:  #FDD456;
}
.Gv-Activity-Status-Incomplete {
	background: #4d82b8;
}
.Gv-Activity-Status-Complete {
	background:  green;
}
.Gv-Activity-Status-Review{
    background: rgb(254, 191,0);	
}

.Gv-Activity-Status-Overdue-Label{
	color: white;
}
.Gv-Activity-Status-Due-Label{
	color: white;
}
.Gv-Activity-Status-Incomplete-Label{
	color: white;
}
.Gv-Activity-Status-Complete-Label{
	color: white;
}
.Gv-Activity-Status-Review-Label{
    color: black;
}

.Gv-Load-More-Container {
	text-align: center;
}
.Gv-Load-More-Button {
	width: 200px;
}
.Gv-Load-More-Button input {
	width: 100%;
}

#divJobDescription {
	max-height: 200px;
	overflow: auto !important;
}

.validationError {
	font-size: 10pt;
	color: red;
	display: block;
}


/*Navigation bar  2023-05-08 */

.containerNavBar {
	position: relative;
	border: 1px solid #efefef;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
	float: left;
	overflow-y: auto;
	overflow-x:hidden;
}

.containerNavBar .navigationBar {
	position: relative;
	width: 100px;
	height: 100%;
	background: #ffffff;
	/*border-radius:10px;*/	
	/*box-shadow: 0.5px 15px rgba(0,0,0,0.2);*/
	
	transition: 0.5s;
	
}

.containerNavBar .navigationBar.active {
	width: 60px;
}

.containerNavBar .navigationBar ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-inline-start: 0px !important;
	margin:0 !important;
}

.containerNavBar .navigationBar ui {
	position: relative;
	list-style: none;
	width: 100%;
	border: 1px solid #efefef;
}

.containerNavBar .navigationBar ul li {
	position: relative;
	list-style: none;
	width: 100%;
	cursor: pointer;
	color: rgb(33, 87, 137);	
}

.containerNavBar .navigationBar ul li:hover {
		background-color: #e6f8ff;
	}

.containerNavBar .navigationBar ul li.clicked {
	background: #337ab7;
	color: white !important;
}

.containerNavBar .navigationBar ul li div {
	position: relative;
	display: block;
	width: 100%;
	/*display: flex;*/
	text-decoration: none;
	font-weight: 500;
}

	.containerNavBar .navigationBar ul li div

.icon {
	position: relative;
	display: inline-block;
	min-width: 60px;
	/*height: 55px;*/
	line-height: 2 !important;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 2px;
}

.icon.active {
	height: 30px !important;
	line-height: 30px !important;
	/*padding-top: 10px !important;*/
	font-size: 20px !important;
}


.containerNavBar .navigationBar ul li div .icon .fad {
	font-size: 30px;
	float: none !important;
}

.containerNavBar .navigationBar ul li div .icon .far {
	font-size: 30px;
	float: none !important;
}

.containerNavBar .navigationBar ul li div .icon .fal {
	font-size: 30px;
	float: none !important;
}

.containerNavBar .navigationBar ul li div .icon .fas {
	font-size: 30px;
	float: none !important;
}

.containerNavBar .navigationBar ul li div .icon .fad.active {
	font-size: 20px !important;
}

.containerNavBar .navigationBar ul li div .icon .far.active {
	font-size: 20px !important;
}

.containerNavBar .navigationBar ul li div .icon .fal.active {
	font-size: 20px !important;
}

.containerNavBar .navigationBar ul li div .icon .fas.active {
	font-size: 20px !important;
}

.containerNavBar .navigationBar ul li div .title {
	position: relative;
	display: block;
	/*height: 20px;*/
	font-size: 10px;
	/*bottom: 2px;*/
	text-align: center;
	width: 90px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 10px;
	min-height: 10px;
}

	.containerNavBar .navigationBar ul li div .title.active {
		display: none;
	}



.toggle {
	position: absolute;
	/*top:calc(50% - 20px);*/
	bottom: 20px;
	right: calc(50% - 20px);
	width: 40px;
	height: 40px;
	background: white;
	cursor: pointer;
	border: 1px solid #efefef;
	border-radius: 50%;
}

.toggle::before {
	content: '\f053';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	width: 100%;
	height: 100%;
	line-height: 30px;
	text-align: center;
	font-size: 20px;
	color: rgb(33, 87, 137);
	padding-top: 5px;
}

.toggle.active::before {
	content: '\f054';
}

.leftPaneHeader {
	position: relative;
	width: 100%;
	height: 40px;	
	font-size: 20px;	
	color: rgb(33, 87, 137);
	text-align: right;
	right:0px;
	border-bottom: 1px solid #efefef;
	padding-top: 0px;
	cursor:pointer;
	
}

.leftPaneHeaderSpacer{
	height:10px;
}

.leftPaneHeader .fal{
	position:relative;
	right: 10px;
	padding-top:5px;
}

.leftPaneHeaderText {
	width: 90%;
	text-align: left;
	display: inline-block;
	font-family: "Segoe UI", Arial, sans-serif;
	font-size: 12pt;
	padding-left: 5px;
	padding-bottom: 15px;
	
}

.leftPaneHeaderIcon {
	text-align: right;
	display: inline-block;
	width:15px;
	padding-top:6px;
	
}

.containerSlideBar {
	position: relative;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	/*transition: 0.5s;*/
	width: 0px;
	height: 100%;
	top: 0;
	display: inline-block;
	left: 0px !important;
	display: none;
	border: 1px solid #efefef;
}

.containerSlideBar.active {
	position: relative;	
	margin: 0px;
	padding: 0;
	box-sizing: border-box;
	width: 330px;		
	z-index:31;
	display:inline-block;
}

/*End Navigation Bar*/

/*Catalog Treeview*/

.RadTreeView .catalogIcon > .rtText:before {
	content: "\f5db";
	font-family: "Font Awesome 5 pro";
	font-weight: 400;
	padding-right: 5px;
	color: rgb(33, 87, 137);
	font-size: 15px;
}

.RadTreeView .catalogCategoryIcon > .rtText:before {
	content: "\f07c";
	font-family: "Font Awesome 5 pro";
	font-weight: 400;
	padding-right: 5px;
	color: rgb(33, 87, 137);
	font-size: 15px;
}

/*Catalog Editor Treeview*/

.RadTreeView .catalogIcon:before {
	content: "\f5db";
	font-family: "Font Awesome 5 pro";
	font-weight: 900;
	padding-right: 5px;
	color: rgb(33, 87, 137);
	font-size: 15px;
}

.RadTreeView .catalogCategoryIcon:before {
	content: "\f07c";
	font-family: "Font Awesome 5 pro";
	font-weight: 400;
	padding-right: 5px;
	color: rgb(33, 87, 137);
	font-size: 15px;
}

.RadTreeView .catalogActivityIcon:before {
	content: "\f02d";
	font-family: "Font Awesome 5 pro";
	font-weight: 400;
	padding-right: 5px;
	color: rgb(33, 87, 137);
	font-size: 15px;
}

/*Catalog Category View*/

.Cc-Container {
	margin-top: -20px;
}

.Cc-Container table {
	min-width: 150px;
	border: none;
	empty-cells: hide;
	table-layout: fixed;
	border-spacing: 14px 20px;
}

.Cc-Category-Container {
	box-shadow: 5px 5px 10px #cacaca, -5px -5px 10px #f6f6f6;
	padding: 0px;
	border: 1px solid lightgray;
}

.Cc-Category-Container:hover {
	cursor: pointer;
	border: 1px solid orange;		
}

.Cc-Category-Thumbnail {
	background-color: white;
	margin:0;
}

.Cc-Category-Thumbnail img {
	width: 120px;
	height: 118px;
	object-fit: cover;
}

.Cc-Category-Title {
	font-weight:normal;	
	font-size: 11pt;
	
}

.Cc-Title {
	font-family: Verdana, "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 14pt;
	color: black;
	font-weight:900;
}

/************************
    New Search - Full Text Search page
*/

/* Style the search field */
.search-input {
    padding: 10px;
    font-size: 14px;
    border: 1px solid darkgray;
    width: 400px;
    min-width: 400px;
}

    .search-input:focus {
        outline: none;
    }
/* Style the submit button */
.search-button {
    float: left;
    width: 50px;
    height: 38px;
    padding: 10px;
    background: inherit;
    color: darkgray;
    font-size: 17px;
    border: 1px solid darkgray;
    border-right: none; /* Prevent double borders */
    cursor: pointer;
}

.search-leftround {
    border-radius: 25px 0px 0px 25px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 0px;
    padding: 10px;
}

.search-rightround {
    border-radius: 0px 25px 25px 0px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 0px;
    padding: 10px;
}

.search-result {
    margin-left: 20px;
}

.search-typesrow {
    margin-left: 20px;
}


.search-item-title {
}

.search-removeleftpad {
    padding-left: 0px !important;
}

.search-item-section {
    color: darkgray;
}

.search-item-displaytext {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search-item-ecitem {
    /*  margin-left:100px; */
}

.search-item-ecitem-displaytext {
}

.search-result-image {
    width: 100px;
}
/* for Pager:
        .pagerWrapper {
            padding-top: 10px;
        }

        .demoPager {
            float: left;
            margin-left: 25%;
        }

        .numericPageSize {
            vertical-align: middle;
            margin-top: 3px;
            line-height: 22px;
            display: inline-block;
        }

        .pageSize {
            vertical-align: middle;
            line-height: 22px;
            display: inline-block;
            padding-left: 5px;
        }
*/
.clear {
    clear: both;
}

.searchResultCount {
    font-weight: bold;
    padding-left: 20px;
}

.search-type-filter-link {
    display: inline-block;
    margin-right: 5px;
    font-size: 14px;
    color: darkgrey;
}

.search-type-filter-link-selected {
    display: inline-block;
    margin-right: 5px;
    color: cornflowerblue;
    font-size: 14px;
}

.search-type-filter-block {
}

.search-filerByCategoryLabel {
    font-size: 14px;
    color: darkgrey;
}

.search-maxheight {
    height: 100%;
}

.text-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search-ActionImageLearn {
    margin-top: 2px !important;
}

.search-textListActionLink {
    vertical-align: inherit !important;
    line-height: 1.5 !important;
}

.search-ec-item-list {
    list-style-type: none;
    padding-inline-start: 0px;
    margin-block-end: 0px;
    margin-block-start: 0px;
}

.search-list-table {
    list-style-type: none;
    padding-inline-start: 0px;
    margin-block-end: 0px;
    margin-block-start: 0px;
}

.search-result-imagerow {
    white-space: nowrap;
}

.search-result-imageblock {
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
}

.search-result-propertyblock {
    display: inline-block;
}

.search-result-propertyblock-gap {
    height: 10px;
}


/**********************
Telerik Button Overrides
************************/

.RadButton_ALdefault.rbSkinnedButton, .RadButton_ALdefault.rbVerticalButton, .RadButton_ALdefault.rbLinkButton, .RadButton_ALdefault .rbSplitRight, .RadButton_ALdefault .rbSplitLeft {
	border-color: #1e728c !important;
	color: white !important;
	background-color: #2f94ce !important;
}

.RadButton_ALdefault.rbHovered, .RadButton_ALdefault.rbSkinnedButton:hover, .RadButton_ALdefault.rbVerticalButton:hover, .RadButton_ALdefault.rbLinkButton:hover {
	border-color: #1e728c !important;
	color: white !important;
	background-color: #1a7eb7 !important
}

html body .RadPushButton.RadButton {
	background-color: #2f94ce !important;
	color: white;
	border-color: #1e728c !important;
}

.RadButton.rbRounded {
	border-radius: 0px !important;
}


/*Loading image styles*/
.loader {
	position: absolute;
	top: 50%;
	left: 40%;
	margin-left: 10%;
	transform: translate3d(-50%, -50%, 0);
}

.dot {
	width: 14px;
	height: 14px;
	background: #3ac;
	border-radius: 100%;
	display: inline-block;
	animation: slide 1.5s infinite;
}

.dot:nth-child(1) {
	animation-delay: 0.1s;
	background: #0093fd;
}

.dot:nth-child(2) {
	animation-delay: 0.2s;
	background: #015896;
}

.dot:nth-child(3) {
	animation-delay: 0.3s;
	background: #4f6f85;
}

.dot:nth-child(4) {
	animation-delay: 0.4s;
	background: #00c6ca;
}

.dot:nth-child(5) {
	animation-delay: 0.5s;
	background: #00ddb5;
}

@-moz-keyframes slide {
	0% {
		transform: scale(1);
	}

	50% {
		opacity: 0.3;
		transform: scale(2);
	}

	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes slide {
	0% {
		transform: scale(1);
	}

	50% {
		opacity: 0.3;
		transform: scale(2);
	}

	100% {
		transform: scale(1);
	}
}

@-o-keyframes slide {
	0% {
		transform: scale(1);
	}

	50% {
		opacity: 0.3;
		transform: scale(2);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes slide {
	0% {
		transform: scale(1);
	}

	50% {
		opacity: 0.3;
		transform: scale(2);
	}

	100% {
		transform: scale(1);
	}
}
/*end image styles*/

.ps-grid {           
    border-collapse: separate;
    border-spacing: 0;
    background: white;
    margin-top:5px;
    border-collapse: collapse;
}
.ps-grid-header{
    border: 1px solid #e5e5e5;
    padding: 5px 7px 4px 7px;    
    text-align: left;
    font-weight: normal;
}
.ps-grid tr {
    border:0;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
.ps-grid tr:last-child {    
    border-bottom: 1px solid #e5e5e5;
}
        
.ps-grid td {
    padding: 5px 7px 4px 7px; 
}
.ps-grid tr:nth-child(even){
    background-color: rgb(247,247,247);
}

/*User Profile*/
.Navbar-Profile{
	display:flex;
	align-items:center;
	gap:5px;
}
.HeaderNavigationItem:has(> .Navbar-Profile-Disabled):hover {
	color: unset;    
	cursor: default;
	background-color: unset;
}
.Navbar-Profile-Image {
	border-radius: 12px;
	width: 24px;
	height: 24px;
	object-fit: cover;
}

.RadButton_ALdefault.rbVerticalButton.Button-Secondary {
	background-color: white !important;
	color: black !important;
	border: 1px solid gray !important;
}

.RadButton_ALdefault.rbVerticalButton.Button-Delete {
	background-color: red !important;
	color: black !important;
	border: 1px solid gray !important;
}
 .Profile-Section-Header-Row{
	 margin-bottom:5px;
 }
 
 .Profile-Section-Badge {
	position: relative;
	width: fit-content;
	height: 70vh;
	min-width: 183px;	    
	margin: 0 20px 0 20px;
	
	color: white;
	border-radius: 20px;	
    background: linear-gradient(0deg, rgba(0,45,91,255),rgba(0,84,159,1) 100%);
    box-shadow: -4px 4px 3px lightgray;
}
.Profile-Badge-Name {
    font-weight: bold;
	font-size:large;   
	margin-top:10px;
    margin-bottom:10px;
}
 
.Profile-Portrait-Image {
    border-radius: 50%;
	width: 125px;
	height: 125px;
    margin: 25px;    
    box-shadow: 0 0 0 5px white;	
	object-fit: cover;
}
.Profile-Experience-Title-Name{
    font-weight: bold;
	font-size:10pt;
    margin-right:10px;
}
.Profile-Education-School-Name{
    font-weight: bold;
	font-size:10pt;
    margin-right:10px;
}
/*End User Profile*/		
.Learner-Detail-Image {
	border-radius: 50%;	
	width: 90px;
	height: 90px;
    margin: 10px;
    box-shadow: 0 0 0 4px white, 0 0 0 6px #4d82b8;
	object-fit: cover;
	background-color:white;
}

.psbutton-icon {	
	color: rgb(24, 112, 183);
	font-size: 16px;
	fa-swap-opacity;
	
	padding-top: 4px !important;
	padding-right: 2px !important;
}
.psbutton-text{
	color: rgb(24, 112, 183);
}

.calendar-item .rsAptContent{
	color: #333 !important;	
	align-content: center;
	background-image: unset !Important;	
}
.calendar-item .rsWArrowLeft .rsAptContent{
	padding-left: 10px !Important;
}
.calendar-item-default .rsAptContent{	
    background-color: #d4e6f1 !important;	
}
.calendar-item-enrolled .rsAptContent{
    background-color: #d5f5e3 !important;	
}
.calendar-item-needed .rsAptContent{
    background-color: #f9e79f !important;
}

.RadScheduler .rsMonthView .rsAptContent {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.RadScheduler .rsCategoryDarkBlue .rsAptIn, .RadScheduler .rsCategoryDarkBlue .rsAptMid, .RadScheduler .rsCategoryDarkBlue .rsResourceMarker {
    border-color: rgb(148, 148, 148) !important;
    background-color: transparent !important;
}

.RadScheduler_Metro {
    border-color: #e6e5e5;
    background-color: #fff; 
}

.RadScheduler_Metro .rsAptIn{
    border-top-width: unset !important;
    border: unset !important;
}
.RadScheduler_Metro .rsAptContent{
    border: 1px solid #e0e0e0 !important;
}

.RadScheduler_Metro .rsHeader {
    border-color: #e0dfdf !important;
    color: #000 !important;
    background-color: #f9f9f9 !important;
}

.RadScheduler_Metro .rsHeader h2 {
    text-transform: capitalize !important;
}

.RadScheduler_Metro .rsHeader .rsNextDay, .RadScheduler_Metro .rsHeader .rsPrevDay,.RadScheduler_Metro .rsHeader .rsDatePickerActivator {
    background-image: unset !important;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    text-indent: 0 !Important;
    color: black;
}

.RadScheduler_Metro .rsHeader .rsNextDay::before {    
    content: "\f0da";
    font-size: large; 
}
.RadScheduler_Metro .rsHeader .rsPrevDay::before {    
    content: "\f0d9";
    font-size: large; 
}
.RadScheduler_Metro .rsHeader .rsDatePickerActivator::before {    
    content: "\f0d7";
    font-size: small;    
    position: absolute;
    top: 20%;
}

.RadScheduler_Metro .rsHeader a {
    color: #000 !important;
	text-transform: capitalize;
}
.RadScheduler_Metro .rsHeader span {
    color: #000 !important;
}
.RadScheduler_Metro .rsHeader ul a {
    border: 1px solid #e0dfdf !important;
    text-transform: capitalize !important;
}

.RadScheduler_Metro .rsSelected .rsHeaderMonth, .RadScheduler_Metro .rsSelected .rsHeaderWeek{
    border-color: #25a0da !important;
    color: #fff !important;
    background-color: #25a0da !important;
    text-transform: capitalize !important;
}

.RadScheduler .rsHeader .rsToday{
	font-size:15px;
}
.RadButton_ALdefault.Button-Secondary {
	background-color: white !important;
	color: black !important;
	border: 1px solid gray !important;
}