/* ================================
    CSS STYLES FOR THE PORTAL
    v1.0, 10/2002
   ================================
*/

/* Make sure that context menu is above RadDropDownTree */
.rddtSlide {
    z-index: 6000 !important;
}

/* Remove IE10 clear button in text boxes */
input[type=text]::-ms-clear {
    display: none;
}

/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
    background-color: #002a2a;
    background-repeat: no-repeat;
    border-style: none;
}

/* background color for the content part of the pages */
Body
{
    background-color: white;
/*    background-color: lemonchiffon; */
/*    background-color: #fffde6; */
}

Content 
{
    background-color: #fffde6;
}

/* TEST */
/*#LeftPane,
#RightPane,* /
#ContentPane {
    background-color: white !important;
}*/
#Left2ContentSeparator {
    width: 1px;
    background-color: #f5f5f5;
    /*background-color: white !important;*/
}

/* PAGE BANNER */
/* NOTE: Site Title, Site Links and Tabs are rendered by MobilePortalBanner.ascx
/* style for the text of the site title */
.SiteTitle {
    font-family: Verdana Bold, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
/*    color: #cccc99*/
    color: white
}

/* background/border colors for the selected tab */
.TabBg {
    background-color: white;
    border-color: white;
}

/* background/border colors for the unselected tabs */
.OtherTabsBg {
    background-color: #696969;
    border-color: black;
}

/* text style for the selected tab */
.SelectedTab {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    color:#8B0000;
    font-weight: bold
}

/* text style for the unselected tabs */
.OtherTabs {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    color:#dcdcdc;
    text-decoration:none;
    font-weight: bold
}

/* hyperlink styles of the unselected tabs */
A.OtherTabs:link    {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:visited {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:active  {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:hover   {
    text-decoration:    underline;
    color:white;
}
    
/* text style for the site links (at extreme top-right of header) */
.SiteLink {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold
}   

/* hyperlink style for the site links */
A.SiteLink:link {
    text-decoration:    none;
    color:white;
}

A.SiteLink:visited  {
    text-decoration:    none;
    color:#eeeeee;
}

A.SiteLink:active   {
    text-decoration:    none;
    color:#eeeeee;
}

A.SiteLink:hover    {
    text-decoration:    underline;
    color:white;
}

/* style for separator between site links */
.Accent
{
    color: red;
    font-weight:    bold;
}



/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-size: 11px;
    background-color: #eeeeee
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    /*color: darkred;*/
    color: #2f6b85
}


/* Lists - Lists - Lists - Lists - Lists - Lists - Lists - Lists - Lists */

.ListHeader 
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold !important;
    line-height: 14px;
    background-color: #e0e6e8;
}

.ListHeaderSmall 
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    background-color: #e0e6e8;
}

.ListItem 
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    background-color: #fffdea;
}

.ListAlternatingItem 
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    background-color: #f1ecb7;
}

.ListDetail
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    background-color: white;
}

.ListFooter 
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    background-color: silver;
}

/* GENERAL */
/* style for module titles */
.Head   {
    font-family: Verdana, Helvetica, sans-serif;
    /*font-size:  14px;*/
    font-size:  12px;
    font-weight:    bold;
	/*color: DarkSlateGray;*/
    /*color: white;*/
    color: #2f6b85;
    vertical-align:text-top;
}

.XHead   {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #8b0000;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: black;
}

/* text style used for most text rendered by modules */
.Normal
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    /*line-height: 12px;*/
    vertical-align: middle;
}

/* text style used for most text rendered by modules */
.LargerNormal
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    /*line-height: 12px*/
}

/* TEST */
/* text style used for most text rendered by modules */
.NormalLabel,
.NormalLabel legend
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal; /*bold*/
    /*line-height: 12px;*/
    /*color: #2f6b85;*/ /*darkred *#696969*/
    color: black;
    white-space: nowrap;
    vertical-align: middle;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox, .NormalTextBox:disabled 
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

.NormalTextBox:disabled {
    background-color: #fafafa;
    color: #b4b4b4;
    border-color: #bfbfbf;
}

.NormalRed
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: red
}

.NormalBold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    /*line-height: 12px*/
}

.LargerBold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
/*    font-family: Verdana, Helvetica, sans-serif;*/
    font-family: Tahoma;
    /*font-size: 11px;*/
    font-size: 13px;
    font-weight: normal;
    color: #004080
}
.CommandButton:disabled     {
    color: gray;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: #8b0000;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: #8b0000;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: #8b0000;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: red;
}
    
/* Report specific styles */
.report-title-header
{
	font-weight: bold;
	font-size: 12px;
	color: Black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 18px;
	padding-right: 18px;
}
.report-main-header
{
	font-weight: bold;
	font-size: 11px;
	color: Black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #DCDCDC;
	padding-left: 18px;
	padding-right: 18px;
}
.report-header
{
	font-weight: bold;
	font-size: 11px;
	color: Black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 18px;
	padding-right: 18px;
}
.report-text
{
	font-size: 10px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 18px;
	padding-right: 18px;
}
.report-header a:link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: Black;
	text-decoration: none;
}
.report-header a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #696969;
	text-decoration: none;
}
.report-header a:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: Black;
	text-decoration: none;
}
.report-header a:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #696969;
	text-decoration: none;
}

.standard-text
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}

/* GENERIC */
H1  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H2  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H3  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: #8b0000;
}

H4  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: #8b0000;
}

H5, DT  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #8b0000;
}

H6  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #8b0000;
}

TFOOT, THEAD    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    color: #8b0000;
}

TH  {
    vertical-align: baseline;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #8b0000;
}

A:link  {
    text-decoration:    none;
    color:  #8b0000;
}

A:visited   {
    text-decoration:    none;
    color:  #8b0000;
}

A:active    {
    text-decoration:    none;
    color:  #8b0000;
}

A:hover {
    text-decoration:    underline;
    color:  red;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}


UL LI   {
    list-style-type:    square ;
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

HR {
    color: #696969;
    height:1pt;
    text-align:left
}

/* Date specific styles */
.SelectedDayStyle
{
	color: #333333;
	background-color: #faad50;
}

.TodayDayStyle
{
	color: white;
	background-color: #990000;
}

/* TEST */
table .adminList,
table .adminItem {
    width: 100%;
    /*background-color: #e0e6e8;*/
    background-color: #f5f5f5;
    /*background-color: white;*/
    border: 1px solid darkgray;
    margin-top: -1px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

div.RadComboBox_Default table td.rcbInputCellLeft {
    border-radius: 3px 0px 0px 3px;
}
div.RadComboBox_Default table td.rcbArrowCell {
    border-radius: 0px 3px 3px 0px;
}
/* TEST */
input[type=text] {
    border-radius: 3px;
}
.rcbInput, .NormalTextBox {
    /*border: 1px solid darkgray;*/
    border: 1px solid gray;
    border-radius: 3px;
    min-height: 1.6em;
}
table .AdminItemPanel {
    margin-top: 5px;
    margin-left: 5px;
    vertical-align: top;
    width: 100%;
}
.adminItem table table td {
    padding: 0.3em 0.3em 0.2em 0.3em;
}
td.ToolBar {
    padding-top: 1.5em;
}

td.ModuleTitleLeft {
    white-space: nowrap;
    min-width: 8px;
    width: 8px;
    height: 24px;
    background-image: url("images/img_tleft24.GIF");
    padding: 0px 0px 0px 0px !important;
}

td.ModuleTitleMiddle {
    white-space: nowrap;
    height: 24px;
    background-image: url("images/img_tmid24.GIF");
    padding: 0px 0px 0px 0px !important;
}

td.ModuleTitleRight {
    white-space: nowrap;
    min-width: 8px;
    width: 8px;
    height: 24px;
    background-image: url("images/img_tright24.GIF");
    padding: 0px 0px 0px 0px !important;
}

.divHelp
{
	white-space:normal;
}

.noLink a:hover
{
    text-decoration: none;
}

.ShowTime
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
	color: white;
}
    
.BigButton_in,
.BigButton_out,
.BigButton_absence
{
    height:50px;
    width:140px;
    font-weight: bold;
    font-size:x-large;
    border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; 
}

.BigButton_in
{
    /*background-color:#006600*/
    background-color:darkseagreen;
}
.BigButton_out
{
    /*background-color:#990000;*/
    /*background-color:#fffdea;*/
}
.BigButton_absence
{
    background-color:#993300;
}


/* Info chart specials */

/* Appearance of items in FxhInfoChartViewCtrl */

/* The outer table enclosing the item */
table.infoChartViewItem
{
    float: left; 
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.roundedFrame 
{
    float: left; 
    border: 1px solid DarkGray;
    border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; 
}

/* Table holding the item and status */
table.infoChartViewItem_in,
table.infoChartViewItem_out,
table.infoChartViewItem_notin,
table.infoChartViewItem_hidden 
{
    float: left; 
    width: 140px; 
    height:200px;
    border: 1px solid DarkGray;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
}
table.infoChartViewItem_in
{
    background-color:darkseagreen;
}
table.infoChartViewItem_out 
{
    background-color:inherit
}
table.infoChartViewItem_notin
{
    background-color:#F0F8FF;
}
table.infoChartViewItem_hidden 
{
    display:none; 
    background-color:inherit
}

/* Cell content */
td.infoChartViewTextTitle_in, 
td.infoChartViewTextTitle_out, 
td.infoChartViewTextTitle_notin
{
	white-space:nowrap;
	height:24px;
	background-image:url("images/img_tmid24.GIF");
}

td.infoChartViewItemImage 
{
    text-align:center;
    padding-top:5px; 
}

/* Divs containing the contents of cells */
div.infoChartViewTextTitle_in, 
div.infoChartViewTextTitle_out, 
div.infoChartViewTextTitle_notin,

div.infoChartViewTextSchedule_in, 
div.infoChartViewTextSchedule_out, 
div.infoChartViewTextSchedule_notin, 

div.infoChartViewTextDepartment_in, 
div.infoChartViewTextDepartment_out, 
div.infoChartViewTextDepartment_notin, 

div.infoChartViewTextStatus_in, 
div.infoChartViewTextStatus_out, 
div.infoChartViewTextStatus_notin
{
    text-align:center;
    width: 140px;
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow:ellipsis;
}

div.infoChartViewTextTitle_in, 
div.infoChartViewTextTitle_out, 
div.infoChartViewTextTitle_notin
{
    font-weight: bold;
    color: #2f6b85;
    vertical-align: text-top;
}

div.infoChartViewTextStatus_in, 
div.infoChartViewTextStatus_out, 
div.infoChartViewTextStatus_notin
{
    font-weight: bold;
    padding-bottom:3px; 
}

/* Images */
img.infoChartViewItemImage 
{
    width: 90px; 
    height:120px; 
    border: 1px solid darkgray;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
}

img.infoChartViewTextStatus
{
    height:12px;
}

/* Drop down */
.dropDownLarge 
{
    height: 40px !important;
    font-size: 16px;
}


/* Appearance of items in FxhInfoReg */

div.statusIn,
div.statusOut,
div.statusNotin
{
    width:100%; 
    height:100%; 
    color:Black;
    border: 1px solid darkgray;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
}
div.statusIn 
{
    background-color:darkseagreen;
}
div.statusOut
{
    background-color:inherit
}
div.statusNotin 
{
    background-color:#F0F8FF;
}

td.infoRegImage 
{
    text-align:center;
    padding-top:5px; 
}

img.infoRegImage,
img.infoRegImage_mobile,
img.infoRegRelativeImage
{
    border: 1px solid darkgray;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
}
img.infoRegImage 
{
    width: 180px; 
    height:240px; 
}
img.infoRegImage_mobile
{
    width: 120px; 
    height:160px; 
}
img.infoRegRelativeImage 
{
    width: 120px; 
    height:160px; 
}
img.adminListPersonImage
{
    width: 30px; 
    height:40px; 
    border: 1px solid darkgray;
    border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; 
}
img.infoChartListImage
{
    width: 30px; 
    height:40px; 
    border: 1px solid darkgray;
    border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; 
}

.tableFirstColumn
{
    border-left: 1px solid darkgray !important;
    border-right: 1px solid darkgray !important;
}

.tableNextColumn
{
    border-right: 1px solid darkgray !important;
}

.tableFirstItem
{
    border-top: 1px solid darkgray !important;
}

.tableLastItem
{
    border-bottom: 1px solid darkgray !important;
}

div.cmdItemContextMenuButton
{
    margin-left: 3px;
    margin-right: 6px;
}

div.cmdItemContextMenuButtonAuto
{
    margin-left: 6px;
    margin-right: 3px;
}

.relPos
{
    position: relative;
}

.absIcon,
.absIcon2
{
	width:15px;
	height:15px;
	position: absolute;
}

.absIcon
{
	left: 0px;
	top: 7px;
}

.absIcon2
{
	left: -12px;
	top: 0px;
}

.imgBorder
{
	width:15px;
	height:15px;
	background-color:#f6f6f3;
	padding:1px;
    border: 1px solid #003c74;
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
}

.iframe-container {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
}

.iframe-container iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}



/* Appearance of items in AdminListPerson */
/*  
            PersInFXH,
            PersTemplate,
            PersActiveToday,
            PersInactive,
            PersPassed,
            PersClosed,
            PersFuture,
            PersExternal 
 */

tr.PersInFXH {
}

tr.PersActiveToday {
    /* font-weight:bold;  */
}

tr.PersExternal {
    color: brown;
}


tr.PersTemplate {
    color: blueviolet;
}

tr.PersPassed {
    color: saddlebrown;
}

tr.PersFuture {
    color: darkblue;
}

tr.PersClosed {
    color: sandybrown;
    font-style:italic;
    
}

tr.PersInactive {
    color: darkgrey;
}

img.rtbIcon {
    border-width: 0px; 
    height: 16px;
}

.HostNotRunning {
    color: red !important;
    font-size: 14px;
}

.rmItem.selectable:not(.checked) img {
    display: none;
}

p.confirmText {
    font-size: larger;
}
p.confirmDelete {
    font-weight: bold;
    font-size: larger;
}
p.confirmDeletePerson {
    color: red;
}
.RadWindow .rwWindowContent .radconfirm{
    min-width: 150px;
}

.codeHasChildren {
    /*background-color: gold;*/
}

.childContainer {
    /*background-color: gold;*/
}

div.faq {
    width: 100%;
    height: calc(100vh - 180px);
}

.filterIsActive.rgHeader a {
    color: forestgreen !important;
    font-style: italic;
}

.filterIsActive.rgHeader::after {
    content: " \1F50D";
}

/*.filterIsActive input {
    background-color: forestgreen !important;
}*/

/*.filterIsActive img {
    background-color: gold;
    border: solid !important;
    border-color: gold !important;
    border-radius: 2px !important;
}*/

.Authenticationview_pwdRuleWarning {
}

.Authenticationview_pwdRuleWarning_Checked {
    color: red;
}

.TextBoxTemplate_ItemSaveButton {
    vertical-align: bottom;
    margin-left: 0.5em;
}