/*
 * AP Styles
 * (c) Fame Facility Software Solutions Inc
 */
body,td,tr,p,input,textarea { font-family: arial; font-size:12px }
select { vertical-align: middle; }
.x-form-field { font-family: Arial }
.x-combo-list { font-family: Arial }
textarea.x-form-text {line-height: normal !important }
table 		{ border-collapse: collapse; }
.PageBreak 	{ page-break-before:always }

.f-cell-small { font-size: 10px; padding:4px; }

.ErrLineNoBox	{ float:left; font-weight: bold; color:#930; margin: auto; margin-left:20px; text-align: center; }
.ErrLine, .ErrWarn {
    width: 500px;
    text-align:center;
    padding: 5px;
    border:1px dotted #99bbe8;
    background:#E9F1FE;
    color:#930;
	margin: auto;
    margin-bottom:3px;
    font:bold 11px tahoma,arial,sans-serif;
}
.ErrWarn {
	min-height: 34px;
	padding-left: 50px;
	padding-right: 24px;
	text-align: left;
	background-image: url(../images/icon_warning.gif)  !important; 
	background-position: 6px 6px;
	background-repeat:no-repeat;
}

.popupViewPort .ErrLine {
    margin-bottom:0px;
    padding: 7px;
    width: 100%;
}

.msglink-Normal { }
.msglink-Important { color:red !important;}
.msglink-govsk { color:#080 !important; }
.msglink-rollup { color: #e20032 !important; }

#msgsBox table {
    width: 100%;
}
#msgsBox table td {
    padding: 3px !important;
}

.hlpmsg .x-box-mc {
    font-size:14px;
}
#hlpmsg-div {
    position:absolute;
	z-index: 20000;
    width:240px;
}
/* header space */
#north {
    background-color: white;
}


/*
 * areas that need standard html formatting back, ie notes boxes, place inside this style
 */ 
.formatted { text-align: left; line-height: 15px; padding: 4px; font-size: 12px; color:#333; font-family: arial; }
.formatted p { padding-top: 4px; padding-bottom: 4px; margin: 0px; }
.formatted blockquote { margin-left: 15px; padding-top: 1px; }
.formatted strong { font-weight:bold; }
.formatted em { font-style:italic; }
.formatted ul { margin-top: 10px; margin-bottom: 10px; margin-left: 40px; list-style-type:disc; }
.formatted ol { margin-top: 10px; margin-bottom: 10px; margin-left: 40px; list-style-type:decimal }
.formatted span { line-height: 15px; }
.formatted a:link { text-decoration:underline; }
.formatted h1 { font-size: 2em; font-weight: bold; margin-top: 0.67em; margin-bottom: 0.67em; }
.formatted h2 { font-size: 1.5em; font-weight: bold; margin-top: 0.83em; margin-bottom: 0.83em; }
.formatted h3 { font-size: 1.17em; font-weight: bold; margin-top: 1em; margin-bottom: 1em;}
.formatted h4 { font-size: 1em;font-weight: bold; margin-top: 1.33em; margin-bottom: 1.33em;}
#src-shortcuts a:link { text-decoration:underline; }

.release_notes img { max-width: 80%; margin: 15px; }

.RecInfo td, .RecInfo th { font-size: 10px; color: #333; padding: 1px !important }
.RecInfo th { text-align: right; padding-right: 4px !important; color: #555; }
 
.FullWidth { width:100%; margin: auto; }
.MenuTable { width:100%;}
.MenuTable td, .MenuTable th { padding: 4px !important; padding-left:4px !important; 
		border-top:1px solid #ededed !important  }
.MenuTable td { padding: 7px !important; padding-left:6px !important; border-left: 1px solid #ededed;}
.MenuTable tr:nth-child(odd)  { background-color: #FFFFFF; }
.MenuTable tr:nth-child(even) { background-color: #f9f9f9; }

.Footer	{ clear:both; height: 25px; }
.PageTitle { margin-right: 6px; margin-left: 4px; display: inline; font-family:tahoma,arial; font-weight: bold !important; color: #000099 !important; }

.dl-item-, .dl-item-Facility { color: #444; font-weight: bold; }
.dl-item-Building { 
	color: #555; 
	margin-left: 26px;
}
.dl-item-Block {
	color: #888; 
	margin-left: 42px;
}

/* Some standard sizes for droplist */
.dlmedium { width:150px; }
.dlsmall { width: 100px; }
.dllarge { width: 220px; }

/** custom drop lists */
.cdroplist { padding: 2px }
.cdroplist h3 { color:#444; }
.cdroplist .descr, .x-combo-list-item .descr { color:#555;font-size:10px;padding:2px; padding-top:0px;padding-left:10px }

/* Modifications to make Nav bar handle 34 pixel icon instead of 16, note will need new sprite image for each skin */
.nav-bar .x-btn-text { height: 36px !important; padding-left: 40px !important;font-size: 120% !important; }
.nav-bar .x-btn-mc { text-align: left}
.nav-bar .x-btn-over .x-btn-left{background:url(../images/tb-btn-sprite24_default.gif) no-repeat 0 0;}
.nav-bar .x-btn-over .x-btn-right{background:url(../images/tb-btn-sprite24_default.gif) no-repeat 0 -32px;}
.nav-bar .x-btn-over .x-btn-center{background:url(../images/tb-btn-sprite24_default.gif) repeat-x 0 -64px;}
.nav-bar .x-btn-pressed .x-btn-left {background:url(../images/tb-btn-sprite24_default.gif) no-repeat 0 -96px;}
.nav-bar .x-btn-pressed .x-btn-right {background:url(../images/tb-btn-sprite24_default.gif) no-repeat 0 -128px;}
.nav-bar .x-btn-pressed .x-btn-center {background:url(../images/tb-btn-sprite24_default.gif) repeat-x 0 -159px;}

.f-text-field { 
	padding-bottom: 0; padding-top: 2px; height: 18px;
	border: 1px solid #B5B8C8; 
	line-height: 18px;
}

.field-modified {
    background-color: #aacff7 !important;
    /*background-image: none !important;*/  /*  disable for Traffic Light Custom Detail field */
}

.field-warning {
    border: 1px solid #ff8000 !important;
    font-weight: bold !important;
    color: #ff8000 !important;
}

.ext-gecko fieldset { 
	-moz-border-radius: 3px !important; 
}
.ext-webkit fieldset {
	-khtml-border-radius: 3px;
	border: 1px solid #ccc;
}


.smalltext, .smalltext-r { font-size: 8pt; line-height: 120% !important; font-weight: normal; padding-right:2px;}
.smalltext-r { text-align:right }

.smbutton   { font-size: 10px; padding:2px; }
.normaltext { font-size: 12px; line-height: 120% !important; font-weight: normal; }
.smalltable td, .smalltable th { line-height: normal; vertical-align:top; font-size:10px !important; padding: 2px !important; }

/*default bg color , line-heihg to fix the issue in panel when in FF it is set to normal but calculated value 15px so part of the text is hidden*/
.FormBG2, .FormBG, .ChartCtrls, .FormHolder { background-color: #EAF0F8; line-height: 1.15; }

/* Form holder top most div of Form, sets overall width */
.FormHolder, .formtitlewrap, .FormHolderNB { width:95%; margin:auto; text-align:left; }
.TabHolder { width: 100%; }
.FormBG, .ChartCtrls {  width:100%;  }
.FormHolder {  border: 1px solid #7992B8; } 
.FormHolder td, .FormHolder th, .FormBG td, .FormBG th  { padding:1px  } /* ext ctrls that use tables, ie toolbars
										inside a FormBG or FormHold pick this up, so counteract below */
.x-toolbar td { padding:0 !important; } 

.FormBG .x-grid3 td { padding:0;} /* fixes what FormHolder td breaks in extjs */

.FormBG th, .FormHolder th { padding-right: 2px; } /* may not need when using label divs */

/* bugs between ie and ff with Fieldset margins, so avoid and wrap fieldsets with div instead */
/* note: setting line height is problematic with extjs fields, so really need to apply only to non field elements */
.FormColumn { line-height: 19px; padding:3px}

/* since new project form no longer wrapped with FormHolder class, so this was no longer inherited.*/
.FormColumn td, .FormColumn th { padding:1px; padding-left: 6px;  } 
.FormColumn th, .FormColumn label {  text-align: left; font-weight: normal; color:#03125A; }

/* if via ext win direct vs loading */
.filterbg { background: url(../images/bg1a.gif) no-repeat right top  !important; background-color: #FFFFFF !important; }
/** chart filters which are ext windows */
#filterwin .x-window-mc {
	background-color: white !important;	
	text-align: left;
}

/* Search Forms, right aligned th titles */
.searchform { 
 	width:100%;
	line-height:18px; 
	background: url(../images/bg1a.gif) repeat-x right top  !important;
	background-color: #FFFFFF !important; 
	text-align:left
}
.searchform th { padding: 2px !important; padding-right:4px !important ; text-align: right; font-weight: normal; color:#031256;  }
.searchform td { padding: 2px !important; padding-right:8px !important; white-space: normal }
.searchform .SectionTitle { text-align:right; color: #0000ff; font-weight: bold; }

.PopupForm label {font-weight: bold; color:#333366; }

/*
.FormColumn label { padding-left: 4px; padding-right: 2px; }
.FormColumn label.x-form-cb-label { padding-left: 0px;} */ /* negate above if nested inside formcolumn */
.FormColumn td { text-align: left; }
.FormColumn fieldset, .searchform fieldset { margin:0px; padding:2px; margin-bottom: 2px; padding-bottom: 3px;}
.FormColumn legend, .searchform legend { font-weight: bold; color:#999999 }
.FormColumnR th { text-align: right; padding-right: 3px !important; } /* Add this class fir right aligned labels */

/* quick workaround for src_new_request to overwrite searchform class to avoid to break grid toolbar and last column padding*/
.searchform2 td { padding: 0px !important; white-space: normal }

.ChartCtrls td, .ChartCtrls th { padding-left: 5px !important; padding-top: 3px !important }
.ChartCtrls select { width: 135px; }
.ChartCtrls .butbar { margin-top: 4px; } 

.RecordTitle { font-size: 14px; font-style: normal; font-weight: bold; 
	color:#000066; text-transform:uppercase; font-family: sans-serif,'Sans Serif',Helvetica,'Trebuchet MS'}

/* Notes */
.Notes {background-color: #FFFFFF !important}
.x-panel-header.Notes { 
	 background-image: url(../lib/ext-3.4.0/resources/images/default/grid/grid3-hrow.gif);
	 border: 1px solid #e8e8e8; 
	 border-bottom: none;
	 background-color: #F9F9F9;
	 text-align: left;
}
.Notes .x-panel-header-text {
	font-weight: normal;
}
.ext-ie6 .formatted { background-image: none; } /* otherwise IE6 places background from Note into body of notes */

.AttachmentDiv { padding-top: 5px; }
.info-box { line-height: 120%; text-align:left; white-space:normal !important; padding:4px; margin:6px; border: 1px solid #555555; color:#330066; background-color:#EEEEEE; font-size:11px;}
.info-box td, .info-box th { padding: 2px !important }
.info-box p { margin-bottom: 4px; margin-top:2px; }

.RepTitle { font-size: 16px; font-weight: bold; color: #333; text-align: left; border-bottom: 1px solid #666666; margin-bottom:10px; }
.RepSectionHdr { text-decoration:underline; font-size: 14px; font-weight: bold; color: #000099; text-align: left; margin-bottom: 10px; }
.RepTable { width: 95%; } /* can remove afte report.php converted to template */
.RepTable td, .RepTable th { padding:2px !important; }
.RepTable th { font-weight: bold; }

.info-box2 { 
	line-height: 120%; 
	white-space:normal !important; 
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 12px;
	padding-left: 24px; 
	color:#333; 
	font-size:11px;
	background-image: url(../images/icons/help.png);
	background-position: 6px 8px;
	background-repeat:no-repeat;
	
}

/* Make Page menu a little lighter */
#PageMenu { background:#E4EBF4; }

#wf-status { font-size:11px; color: #444; }
#wf-status span { color: #003; font-weight: bold; }

/* Button bars */
.butbar { background:#E4EBF4; padding:2px;  text-align:left; padding-left:5px; border-top: 1px solid #6699DD;  }
.butbarR { background:#E4EBF4; padding:3px; text-align:right; padding-right: 5px; padding-top: 6px; border-top: 1px solid #6699FF }

.butbarR > div, .butbarR > table {
    display: inline-block;
    margin: 2px;
}

.butbar input, .butbarR input, .FormBtn input {
	font-family: arial,verdana;
	font-size: 11px;
	font-size-adjust: none;
	font-style: normal;
	font-weight: normal;
	margin:0px;
    padding:3px;
	line-height: normal !important; 
}

.butbar input, .butbarR input {
	text-indent:2px;
	height:26px;
	line-height:26px;
	text-align:center;
    margin: 2px;
}
.ext-gecko .butbar input, .ext-gecko .butbarR input, .ext-gecko .FormBtn input {
	/* padding: 0px;	 */
}

#page-content { text-align: left; margin: auto; }
 
#homepage-div { margin:6px; }

.PanelBottomSpace { height: 8px; }

/* Menu Tables that list reports, functions etc */
#MenuTable td, #MenuTable th { padding: 2px; }  

/* Panel with prompt or instructions */
.InfoPanel { width: 100%; }
.InfoPanel td { padding: 4px !important; }

/* Default Body of Panels (main table or div inside a x-panel)   (was #E4EBF4) */
.PanelContent { width:100%; background-color:#EAF0FF}

/* For sr/cam home page summaries */
.SumTable { margin:5px; border-collapse:collapse; border:0px solid #CCCCCC }
.SumTable td, .SumTable th, .SumTable p { padding: 2px !important; font-family: tahoma,arial;font-size: 11px  }
.SumTable td img { padding-right: 4px; }
.SumTable .Title { line-height:26px; color: #444; font-weight: bold; font-family: arial }
 
/* ListBox or any rendered from ListBox() */
.ListBox { margin: auto; }
.ListBox .x-panel-body td {text-align: left; } /* counter act #page-content center clause */
.ListBox .x-panel-header-text { text-align: left; }
.ListBox .x-panel-body td, .ListBox .x-panel-body th { padding: 1px; }

/** Left column items */
#west-panel .x-panel-body .x-panel-body { font-family: tahoma,arial; background-color:#F8F8FA; font-size: 11px; line-height: 130%; }
 
/* History Panel */
#HistPanel p { font-size: 11px; }
#HistPanel a:hover { color:#CC0033; }
/* Quick links */
#QuickLinks { font-size: 11px; }

.audit-item-descr { font-family: "Microsoft Sans Serif"; font-size: 11px; padding: 4px; margin-right: 4px; border: 1px solid #AAAAAA; background-color:#ddd; color:#3333CC; min-height: 25px; line-height: 14px; }

/* Listings */
.list {  border: 1px solid #e8e8e8; background-color: #F6F6F6; padding: 2px !important; }
.list2 { border: 1px solid #e8e8e8; background-color: #FFFFFF; padding: 2px !important;}
.list-hdr, .list-sm-hdr { line-height: 20px; background: url(../lib/ext-3.4.0/resources/images/default/grid/grid3-hrow.gif) 100% 100%; border: 1px solid #e8e8e8; background-color: #F9F9F9; 
background-repeat:repeat-x; padding: 2px !important; }
.list-hdr a:visited.list-hdr-sort { line-height: normal; color: #333; font-weight:normal; text-decoration:none }
.list-hdr a:hover.list-hdr-sort { line-height: normal;color:#339 !important; font-weight:normal; text-decoration:underline !important; }
.list-hdr a:link.list-hdr-sort { line-height: normal;color: #333; font-weight:normal; text-decoration:none  }
.list-ftr { background: none; background-color:#F0F0F0; font-weight: bold; }

/* Smaller Listings */
.list-sm     { border: 1px solid #e8e8e8; color: #000; font-size: 11px; background-color: #F6F6F6; padding: 2px !important;}
.list-sm2    { border: 1px solid #e8e8e8; color: #000; font-size: 11px; background-color: #FFFFFF; padding: 2px !important;}
.list-sm-hdr { line-height: 18px; font-size: 11px; }

.x-item-readonly, textarea.x-form-field .x-item-readonly { background-color:#eee !important; background-image:none !important; }

.list-grouphdr { text-align: left; background-color: #eee; font-weight:bold; padding:4px !important;}

a:visited.list-sm-hdr-sort { color: black; font-weight:normal; text-decoration:none }
a:hover.list-sm-hdr-sort { color: #FF2222; font-weight:normal; text-decoration:underline }
a:link.list-sm-hdr-sort { color: black; font-weight:normal; text-decoration:none;  }


.grid-filename {
	background-repeat:no-repeat !important;	
    background: left;
}
.grid-filename .x-grid3-cell-inner {
	padding-left: 17px !important;
}

/*
 * active grid listings by status
 */
.row-completed td { color:#060; }
.row-disabled td div { color:#888 !important;}
.row-error td { color:#700; }
.row-scheduled td { color:#009; }
.row-cancelled td { text-decoration:line-through; font-style:inherit !important; color: #999 !important; }
.row-pastdue td, .row-pastdue .x-grid3-cell-inner  { color: #900 !important; }
.row-bold td, .row-bold .x-grid3-cell-inner { font-weight: bold !important;}

.row-warning td div { color:#f00 !important;}

/* PM Calendar */
.calday { font-size: 8pt; background-color: #FFFECC; text-align: right;}
.caldaysel { font-size: 8pt; background-color: #99B7DD; text-align: right; }
.caldaytoday { font-size: 8pt; background-color: #FFEEBB; text-align: right; }
.calhover { font-size: 8pt; background-color: #99B7DD; cursor: hand; text-align: right;}
.calhdr { font-size: 8pt; background-color: #FFFECC; font-weight: bold; text-align: center; } 
.caldata { font-family: tahoma; color: #000099; margin-top:10px;font-size: 10px; }

/* pm_home page display */
.asset-warok  { color:#060 !important; }
.asset-warexp { color:#C30 !important; }

.pmlist1   { font-size: 8pt; background-color: #FCFCF0; text-align:center; padding-left:2pt; padding-right:2pt; width:12px }
.pmlist2   { font-size: 8pt; background-color: #F0F0F0; text-align:center; padding-left:2pt; padding-right:2pt; width:12px  }
.pmlist1s  { font-size: 8pt; background-color: #FCFCF0; text-align:left; padding-left:2pt; padding-right:2pt; }
.pmlist2s  { font-size: 8pt; background-color: #F0F0F0; text-align:left; padding-left:2pt; padding-right:2pt;   }

/* Page links, todo: need new these for other skins */
.pagectl { 
  padding:2px; 
  font-size: 12px; 
  color: #444; 
  font-weight:normal; 
}
.page {
  padding: 2px;	
}
.wrap {
  white-space: normal;
}

/* Not sure where .wrap is used so added .force-wrap to wrap/split in multiple lines item's very long text*/
.force-wrap {
  white-space: normal !important;
}

.att-preview-title {
  font-size:9px;background:#eee;clear:both;padding:1px
}


span.page.selected { 
  border: 1px solid #777;
  color: #fff; 
  background-color: #999;
}
a:visited.page, a:link.page { 
  border: 1px solid #bbb;
  color: #444; 
  text-decoration:none;
}
a:hover.page { font-weight:bold; text-decoration:underline }

.FrameBodyScroll { overflow-y:scroll; overflow-x:auto; }

.ext-ie6 .FrameBodyScroll table { width:97% !important; } /* IE 6 Table expansion in div bug, so reduce table size. only triggered
															by listbox if rows > scrollafterrows */
.ext-ie7 .FrameBodyScroll table { width:97.3% !important; } /* IE 6 Table expansion in div bug, so reduce table size. only triggered
															by listbox if rows > scrollafterrows */
															
.ext-ie8c .FrameBodyScroll table { width:97.3% !important; } /* Remove after IE8 Compat mode removed */

/* todo: IE7 places x scroll within div and overwrites bottom of display forcing a y scroll bar which we dont wont
   firefox ok, for now, set to y hidden */
.FrameBody   { width:100%;overflow-y:hidden;overflow-x:auto; }

/* todo: did not work, but something like: .ext-ie .FrameBody { margin-bottom: 17px !important; } */
.FrameFooter { text-align:right; font-size:10px; font-family: tahoma; background: #EAF0F8; line-height: 22px;}

/** updates grid wrapped column with checkmark */
.x-grid3-cell-inner.x-grid3-col-update-descr { 
    font-size: 16px; 
	font-weight: bold; 
    color: #555; 
	padding:5px;
	padding-left: 24px !important;
	line-height:120% !important; 
	white-space: normal !important; 
	font-size: 12px;  
	background-image: url(../images/icons/tick.png) !important; 
	background-repeat: no-repeat;
	background-position: 2px 4px;
}


/**
 * Menu Specific:
 */
.LinkIcon {
   background-image:url(../images/icons/link.png);
}
.HistIcon {
   background-image:url(../images/icons/time_go.png);
}
.ThemeIcon {
   background-image:url(../images/icons/layers.png);
}
.DBSelIcon {
   background-image:url(../images/icons/database_go.png);
}

/**
 * LovCombo
 */
.ux-lovcombo-icon {
	width:16px;
	height:16px;	
	background-position: -1px -1px !important;
	background-repeat:no-repeat !important; 
}
.ux-lovcombo-image {
	width:16px;
	height:16px;
	float:left;
	background-position: -1px -1px !important;
	background-repeat:no-repeat !important;
	margin-left:2px;
	margin-right:5px;
}
.ux-lovcombo-icon-checked {
	background: transparent url(../lib/ext-3.4.0/resources/images/default/menu/checked.gif);
}
.ux-lovcombo-icon-unchecked {
	background: transparent url(../lib/ext-3.4.0/resources/images/default/menu/unchecked.gif);
}

#homeMenu, #moduleMenu {
    background-image: none;
}
#moduleMenu .x-menu-item-active, #homeMenu .x-menu-item-active {
    background-size: cover !important;
}

a.x-menu-item.LargerIcons {
	padding-left: 46px;
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: 15px;
}
a.x-menu-item.LargerIcons.selected {
    font-weight: bold !important;
}

.LargerIcons  .x-menu-item-icon {
	width: 34px;
	height: 34px;
	margin: 0 8px 0 0 !important;
	left: 2px !important;
}

.ux-form-statictextfield { /* todo not using yet */
	background: transparent;
	border: none;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	color: #333;
}

input.x-static-text-field { /* todo: test */
    	background: transparent;
    	border: none;
    	color: inherit;
	    -moz-opacity: 1;
	    opacity: 1;
	    filter: alpha(opacity=100);
}


.sricon { border: 0; width:10; margin-right:2px; max-height: 12px }

.oncallicon { border: 0; width:10; margin-right:15px; float: right; max-height: 12px }

.companytitle { font-family: Arial; color: #291073; font-size: 16pt; font-style:normal; font-variant:small-caps; font-weight:bold; padding:0 } 

/* default urls */
a:visited    { background-color: #0000FF }
a:hover      { color: #FF2222 }
a:link       { color: #0000FF; text-decoration:none; }

.plus   { font-weight: normal; text-decoration:none; font-size: 14px; }

.src-left {
	width:185px; vertical-align:top;	
	color: #444;
}

.src-title {
	color: #222;
	font-weight: bold;
	padding-left:5px;padding-bottom:5px;
	border-bottom:1px dotted #999;
}

#bulletins .btitle { float:left; padding: 4px; font-weight: bold; font-size: 14px; color: #555; }
#bulletins .bdate {  float:right;text-align:right; width:140px; padding: 2px; font-weight: normal; font-size: 11px; color: #666; }
#bulletins .bicon { float:left; width:24px; padding:3px; }
#bulletins .bcontent { text-align: left; margin-bottom:8px; padding: 2px; font-weight: normal; font-size: 14px; color: #333; padding:4px; min-height:40px;}


#leftcol-btns  td.x-btn-mc { text-align: left }
.x-btn-group-header { background-repeat:no-repeat !important }

/**
 ux.centerlayout
 */
.ux-layout-center-item {
    margin:0 auto;
    text-align:left;
}
.ux-layout-center .x-panel-body,   
body.ux-layout-center {            
    text-align:center;
}

/** grid summary row */
.x-grid3-summary-row {
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    color:#666;
    background: #f1f2f4;
}
.x-grid3-summary-row .x-grid3-cell-inner {
    font-weight:bold;
    padding-bottom:4px;
}
.x-grid-hide-summary .x-grid3-summary-row {
    display:none;
}
.x-grid3-summary-msg {
    padding:4px 16px;
    font-weight:bold;
}
/* Generic wrap cell in grid */
.x-grid3-cell-inner.x-grid3-col-wrapcel { white-space: normal !important; }

.item-catrdonly td { color: #777 !important;  }

/***/
 
/**
 * Picture browser
 */
#pb-detail .x-editable, .pic-annotation {
	background-color: #f0f0f0;  padding: 2px; white-space: normal;
	font-size: 11px; color: #333; margin-bottom: 6px; margin-top: -1px;
	margin-left: 5px; font-style:italic;
	min-height: 13px ;
    border: 1px solid #ccc;
}

.x-editable {
    
}

.x-editable:hover {
    background-color: #fcfcfc !important;
    border: 1px solid #aaa;
    margin: -1px;
}

.ext-ie6 #pb-detail .x-editable, .ext-ie6 .pic-annotation {
	height: 13px; /* ie6 does not support min-height, but does treat height like that */
}

/**
 *
 */
.pic-annotation {
	background-color: transparent;
	font-weight: normal;
	margin-left: 18px;
}
 
/**
 * Attachment Browser styles
 */
#files {
	background: #fff url(../images/icons/center-bg.gif) repeat-x top left;
	font-size: 11px;
}
#files .thumb, #files .zoom {
	background: #dddddd;
	padding:3px;
}
#files .copydone {
	background: #696;
}
#files .thumb { border: 1px solid #999; width: 124px; }
#files .thumb img { border:1px solid white; height: 90px; width: 120px; }
#files .zoom img {  border:1px solid white; height: 340px; }
#files .picinfo { 
	display: block;
	color: #333;
	text-align: center !important;
}
#files .picinfo.defpic {
	background-image:url(../images/icons/tick-sm.png) !important;	
	background-repeat: no-repeat;
	background-position:1px 1px;
}
#files .filename {
    text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width: 122px;	
}
#files .filename.defpic {
	background-image:url(../images/icons/tick-sm.png) !important;	
	background-repeat: no-repeat;
	background-position:1px 1px;
    padding-left: 16px;
    width: 114px;
}

/* for annotation */
#files .x-editable-zoom, #files .x-editable {
	background-color: #e8e8e8; padding: 1px; padding-top: 2px;  height: 26px ;white-space: normal;
	font-size: 10px; color: #333; overflow: hidden; font-style:italic;
}
#files .x-view-selected .x-editable-zoom, #files .x-view-selected .x-editable {
	background-color: #6db2f8;
}

#files .copydone .x-editable {
	background-color: #696;
}

#files .thumb-wrap {
	float: left;
	margin: 1px;
	margin-right: 0;
	padding: 1px;
	text-align: center !important;
}
#files .zoom-wrap{
	float: left;
	margin: 4px;
	padding: 2px;
}
#files .x-view-selected .thumb, #files .x-view-selected .zoom{
	background:#8db2e3;
}
#files .loading-indicator {
	font-size:8pt;
	background-image:url(../lib/ext-3.4.0/resources/images/default/grid/loading.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}
.x-dd-drag-proxy .multi-proxy .thumb-img{
	height: 20px;
	width: 30px;
	margin:1px;
}
.x-dd-drag-proxy .thumb-img, .x-dd-drag-proxy .zoom-img {
	height: 90px;
	width: 120px;
}
.image-node .x-tree-node-icon {
    margin-bottom:1px;
    height:15px;
} 
.icon-folder-locked .x-tree-node-icon {
    background-image:url(../images/icons/folder_lock.gif) !important;
}
.folder-add {
    background-image:url(../images/icons/folder_add.gif) !important;
}
#folders{
	position:relative;
}

/**
 * For GridSummary
 */ 
/* [OPTIONAL] -- may be used for either Ext.grid.GroupSummary / Ext.ux.grid.GridSummary plugins */
.x-grid3-summary-row{border-left:1px solid #fff;border-right:1px solid #fff;color:#333;background:#f1f2f4;}
.x-grid3-summary-row .x-grid3-cell-inner{font-weight:bold;padding-bottom:4px;}
.x-grid3-cell-first .x-grid3-cell-inner{padding-left:16px;}
.x-grid-hide-summary .x-grid3-summary-row{display:none;}
.x-grid3-summary-msg{padding:4px 16px;font-weight:bold;}

/* [REQUIRED] (by Ext.ux.grid.GridSummary plugin) */
.x-grid3-gridsummary-row-inner{overflow:hidden;width:100%;}/* IE6 requires width:100% for hori. scroll to work */
.x-grid3-gridsummary-row-offset{width:10000px;}
.x-grid-hide-gridsummary .x-grid3-gridsummary-row-inner{display:none;}
/**/


.rmoney  {text-align:right !important;}
a:-moz-any-link { border:none !important; text-decoration: none !important;} 
a:-webkit-any-link { text-decoration: none; }


a.x-menu-item, a:visited.x-menu-item { color: #222}

.x-grid3-row-body p {
	font-size: 11px;
	color: #555;
	font-family: tahoma, verdana;
	/* top left bottom right */
	margin:4px 12px 5px 12px !important;
}
input.x-tree-node-cb { vertical-align: middle; }

.x-tree-node a span { 
    font-family: Verdana, Arial; 
}

/* ability to make a tree text node look disabled */
.x-tree-node .disabled-color a span { color: #AAA !important;}

/**
 * IE8 Fixes
 */
.ext-ie8 select { border: 1px solid #CCC; height: 22px; } /* Make select boxes in non-compat look better */

/**
 * IE8 in compat mode
 */

.ext-ie8c .x-tab-strip .x-tab-right { top: 1px !important; }
.ext-ie8c .FormColumn  { line-height: 22px !important; }
.ext-ie8c .x-panel-tc { overflow: visible } /* needed for 3.0.3 and above */

/**
 * chrome and FF fixes
 */
.ext-webkit .x-grid3 table { border-collapse:separate; }
/* This maybe need more than just in radion group, but for now will limit there */
.ext-webkit .x-form-radio-group input[type=radio] { width: 16px }

/**
 * IE11
 */
.x-fieldset legend input { height: 15px; } /* default is 13px, but 15 seems ok all browsers */

/*
 * checkbox label in toolbar alignment fix
 */
.ext-webkit .x-toolbar-cell .x-form-check-wrap label {
   vertical-align:-2px;
}
            
/*
 * allow message box to grow 
 */
.ext-mb-content{
  overflow: auto;
  max-height: 500px;
}

/* Print code uses these additional styles */
.p-tab { clear:both; margin-left:2px; margin-right:2px; margin-bottom:3px; border-bottom:1px solid #aaa; text-align: left !important; font-size: 13px; text-decoration:none; font-weight: bold; color: #444; padding-top: 3px; padding-bottom: 3px;}
.p-textarea {  
    text-align: left; 
    /*
    border: 1px solid #ccc; 
    padding: 4px; 
    */
}

/* Overrides so Printing looks better */
@media print {
	.noprint { display:none; }
	.list-sm, .list-sm2, .list2, .list, .hlp-box { border: 1px solid #DDDDDD}
	#west-panel { display:none !important; visibility:hidden; width: 1px; }
    #center-panel {
        left: 0px !important;
        width: 98% !important;
    }
	#center-panel .x-panel-body {
	   left: 0px !important; 
	   height: 95% !important; 
	   width: 98% !important;
	   overflow:visible !important
    }
	#center-panel .x-panel-tbar { display: none !important }
	.x-layout-collapsed .x-layout-collapsed-west { display: none !important; }
	#west-panel-xcollapsed { display: none !important; }
	#west-panel-xsplit { display: none !important; }
	
	.ListBox .x-panel-body {overflow:visible; border: 0}
	.ListBox .x-panel-header {border: 0; background: 0 none; }
	
	.FormHolder { border:0; background: none; }
	.x-panel-header.Notes { background-image: none; border:0; background: none; padding: 3px; border-bottom: 1px solid #ccc; }
	.x-panel-header-text.Notes { color: #444; font-weight: bold; }
	.x-panel-body { border-color: #ffffff; }
	.x-panel-header { border-color: #ffffff; }
	.x-layout-collapsed { border-color: #ffffff; }
	#west-panel-frame { display: none !important; }
	.x-panel-bbar { display: none !important; }
	.FormHolder, .formtitlewrap, .FormHolderNB { width:100%; }
    fieldset { border: none; }
}

/* define background color of audit validation grid's cells'*/
.cell-bg-entry-added {
    background-color: #cbf2ce;
}
.cell-bg-entry-deleted {
     /* color:#888; */ 
     text-decoration: line-through;
     background-color:#f0d8d8; 
}
.cell-bg-value-changed {
     background-color: #aacff7;
}

/* define cell background color for fci value */
.cell-bg-fci-critical {
    background-color: #cf1919;
    color: #F0F0F0;
}
.cell-bg-fci-poor {
    background-color: #e4ac4a;
}
.cell-bg-fci-fair {
    background-color: #eeee62;
}
.cell-bg-fci-good {
    background-color: #77be5b;
}
.cell-bg-fci-critique {
    background-color: #cf1919;
    color: #F0F0F0;
}
.cell-bg-fci-faible {
    background-color: #e4ac4a;
}
.cell-bg-fci-moyen {
    background-color: #eeee62;
}
.cell-bg-fci-bon {
    background-color: #77be5b;
}

.cell-bg-fci1 {
	background-color: #77be5b !important;				
}
.cell-bg-fci2 {
	background-color: #eeee62 !important;				
}
.cell-bg-fci3 {
	background-color: #e4ac4a !important;			
}
.cell-bg-fci4 {
    background-color: #cf1919 !important;
    color: #F0F0F0;			
}

/* grayed out combobox item */
.x-combo-grayed-out-item {
    color: darkgray;
    background-color: whitesmoke;
    font-style: italic;
}


/** Fix for IE11 Radio buttons adding a vertical scrollbar */
.x-form-check-wrap input {
    vertical-align: middle;
}

/** Fix for compositefield within Ext.Window + iframe */
.x-box-inner {
    height: 22px
}

/* Fix for iE11 twin triggers (lovcombo), but needed to be at .x-form-item level, seems to fix ok. */
.x-form-item { -ms-overflow-y: hidden !important; }

/* add asterix red after label if field.allowBlank == false */
.x-required {
   font-weight: bold;
   color: red;
}


/** added to always wrap combo values **/
.x-combo-list-item { white-space: normal !important; }

.x-tree-node-unchecked a span {
   text-decoration: line-through;
   color: red !important;
}

/* fix issue of the right aligned label whose text longer than available size */
.x-form-label-right {
  overflow: hidden;
}

.btn-inline {
    display:inline-block;position:relative;top:2px;font-size:12px;height:22px;padding:2px;padding-left:7px;padding-right:7px;
}

.navqtip {
    width:300px;
    min-height:120px
}

.navqtip img {
    float:right;
    margin-right:18px;
    width:120px;
    max-height:112px
}

.amount-bg-red {
    background-color: #ffc8c6 !important;
    background-image: none !important;
}

.amount-bg-green {
    background-color: #82ff8e !important;
    background-image: none !important;
}

.amount-bg-blue {
    background-color: #82ddff;
}
.amount-bg-yellow {
    background-color:#fff17a !important; /* #ffd757;  #ffce36;   #ffde08 */
    background-image: none !important;
}
.kb-list-wrap {
   background-color: #f4f4f4;
   padding: 8px;
   min-height:30px;
   margin-right: 5px;
   margin-left: 5px;
   margin-bottom:5px;
   border-radius: 3px;
}

.kb-list-wrap.x-view-over {
    background-color: #aacff7 !important;
    cursor: pointer;
}

.kb-searchword {
    color: #222;
    font-weight: bold;
}

.kb-list-title {
    font-size: 15px;
    font-weight: bold;
}

.kb-list-preview {
    color: #333;
    font-size: 12px;
    margin-top: 4px;
}

.kb-buttons {
    float: right;
    margin-top:4px;
    color: #6699DD;
    padding:10px;
    font-size: 12px;
}

.kb-article-wrap {
   padding-left: 15px;
   padding-right: 20px;
   color: #222;
}

/* default urls */
.kb-article-wrap a:visited    { color: blue; }
.kb-article-wrap a:hover      { color: #ff9111 !important;}
.kb-article-wrap a:link       { color: blue; text-decoration:none; }

.kb-article-title {
    font-size: 22px;
    font-weight: bold;
    padding-top:10px;
    padding-bottom:8px;
    margin-bottom:10px;
    border-bottom: 1px solid #ccc;
}
.kb-article-title span {
    color: #888;
}

.kb-warning {
    margin-bottom:10px;
    padding-top:8px;
    height:28px;
    text-align:center;
    font-weight:bold;
    border:1px solid #888;
    background-color:#DDD;
    color:red;
    font-size:150%
}

.x-form-field-inline {
    display: inline-block;
}

.cell-invalid-value {
    border-style: solid;
    border-width: thin;
    border-color: red;
}

.answer-opt {
    margin-right:8px
}

.x-form-field-wrap .icon-add-trigger {
   background-image: url("../images/icons/addTrigger.png") !important;
}

.x-form-field-wrap .icon-edit-trigger {
   background-image: url("../images/icons/editTrigger.png") !important;
}

.x-form-field-wrap .icon-add-trigger {
   background-image: url("../images/icons/addTrigger.png") !important;
}

.x-form-field-wrap .icon-add-trigger {
   background-image: url("../images/icons/addTrigger.png") !important;
}


.x-tab-panel.plain-tabs .x-tab-strip-wrap li span.x-tab-strip-text {
   opacity: .3;   
}

.x-tab-panel.plain-tabs .x-tab-strip-wrap li.x-tab-strip-active span.x-tab-strip-text {
   opacity: 1;
   color: #333;
}

.x-tab-panel.plain-tabs .x-tab-strip-wrap li.x-tab-strip-over span.x-tab-strip-text {
   opacity: .7;
   color: #333;
}

.x-tab-panel.plain-tabs .x-tab-strip-wrap .x-tab-strip-active {
    background-color: transparent;
    color: inherit;
}

.x-tab-panel.plain-tabs .x-tab-strip-wrap .x-tab-strip-over {
    background-color: transparent;
}

.x-tab-panel.plain-tabs .x-tab-panel-header {
    background-color: transparent;
}

.x-tab-panel.plain-tabs .x-tab-panel-header {
    border: none;
}

.x-tab-panel.plain-tabs .x-tab-strip {
    display: inline-block;
    zoom: 1; 
    width:auto;
    text-align:center;
    display:inline-block;
    *display:inline;
}

#dashmain .x-border-layout-ct {
    background-color: white;
}


.slideshow-container {
    height: 100%;
    text-align:center;
    position: relative;
    margin:0 auto;
}

.slideshow-container img {
    max-width:100%;
    max-height:100%;
    position:absolute;
    margin-left: auto;
    margin-right: auto;
    left:0;
    right:0;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

.slideshow-stretch {
    width:100%;
    height: 100%;
    object-fit: cover;
    max-width: inherit;
    max-height: inherit;
}

/* Next & previous buttons */
.slide-btn-prev, .slide-btn-next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -34px;
    padding: 16px;
    color: #ddd;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.slide-btn-next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

.slide-btn-prev {
    left: 0;
    border-radius: 3px 0 0 3px;
}

/* hide when in full screen mode */
.fullscreen .slide-btn-next, .fullscreen .slide-btn-prev {
    display: none;
}

/* On hover, add a black background color with a little bit see-through */
.slide-btn-prev:hover, .slide-btn-next:hover {
    background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.slide-caption {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;    
}


/* Announcement Widget */
.an-hrline {
    opacity:0;position:absolute;left:0;height:3px;width:100%;
    transform-origin:0 0;
}
.an-hrline-top {
    top: 0.09em;
}
.an-hrline-bottom {
    bottom: 0.09em;
}
.an-word {
    display: inline-block;
    line-height: 1em;
}
.an-wrap {
    text-align:center;  
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.an-words {
  position: absolute;
  margin: auto;
  left: 0;
  top: 0.3em;
  right: 0;
  opacity: 0;     
}
.an-letter {
  display: inline-block;
  line-height: 1em;
  opacity: 0;
}

.chart-busy-mask {
    cursor: default;
    opacity: .6;
    -moz-opacity: .6;
    filter: alpha(opacity=60);
}
.chart-busy-mask::after {
    content: url('../images/chart_busy.gif');
    position: absolute;
    top: calc(50% - 64px);
    left: calc(50% - 64px);
    width: 100%;
    height: 100%;
}

.chart-tabular {
    width: calc(100% - 4px);
    max-height: calc(100% - 4px);
    color: #666;
    margin: 1px;
}

.chart-tabular th {
    background: #eee;
    text-align: center;
    padding: 4px;
    font-weight:bold;
    border: 1px solid #ddd;
}

.chart-tabular td {
    padding: 3px;
    text-align: right;
    border: 1px solid #ddd;
}

.x-grid-header-wrap .x-grid3-hd-inner {
    white-space: normal !important;
}

/* colorpicker */
.cp-app {
    position: relative;
    float: left;
    margin: 10px 0 0 10px;
    z-index: 15000;
}

.fc-reply-wrap {
   
}

.fc-reply-header {
    background-color: #ededed;
    padding: 2px 10px 2px 5px;
}

.fc-reply-text {
    padding: 2px 2px 2px 5px;
    font-weight: normal;
}

/* grayed out */
.grayed-cell div{
    color: darkgray !important;
    font-style: italic;
}

.x-grid3-cell-comment {
    background: no-repeat;
    background-image:url("../images/icons/cmnt_flag.png");
    background-position: right center;
}


/* rocker.css  */
.rocker {   
  box-sizing: border-box;
  font-family: 'Arial', sans-serif;
  font-size: 100%;    
  display: inline-block;
  position: relative;
  /*
  All sizes are in em - therefore changing the font-size here will change the size of the switch.
  */
  font-size: 1.5em !important;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #888;
  width: 7em;
  height: 4em;
  overflow: hidden;
  border-bottom: 0.5em solid #eee;
}

.rocker-small {
  font-size: 0.75em !important; /* Sizes the switch */
}

.rocker-medium {
  font-size: 1.2em !important; /* Sizes the switch */
}

.rocker-boxlabel-large, .rocker-boxlabel-small, .rocker-boxlabel-medium {
   padding-left:8px;
}

.rocker-layout .x-form-item-label, .rocker-boxlabel-large {
   padding-top: 36px !important;
   position:fixed;
}

.rocker-layout.rocker-label-medium .x-form-item-label,  .rocker-boxlabel-medium {
   padding-top: 26px !important;
   position:fixed;
}

.rocker-layout.rocker-label-small .x-form-item-label, .rocker-boxlabel-small {
   padding-top: 13px !important;
   position:fixed;
}

.rocker::before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #999;
  border: 0.5em solid #eee;
  border-bottom: 0;
}

.rocker input {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch-left,
.switch-right {
  cursor: pointer;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5em;
  width: 3em;
  transition: 0.2s;
}

.switch-left {
  height: 2.4em;
  width: 2.75em;
  left: 0.85em;
  bottom: 0.4em;
  background-color: #ddd;
  transform: rotate(15deg) skewX(15deg);
}

.switch-right {
  right: 0.5em;
  bottom: 0;
  background-color: #bd5757;
  color: #fff;
}

.switch-left::before,
.switch-right::before {
  content: "";
  position: absolute;
  width: 0.4em;
  height: 2.45em;
  bottom: -0.45em;
  background-color: #ccc;
  transform: skewY(-65deg);
}

.switch-left::before {
  left: -0.4em;
}

.switch-right::before {
  right: -0.375em;
  background-color: transparent;
  transform: skewY(65deg);
}
input:checked + .switch-left {
  background-color: #0084d0;
  color: #fff;
  bottom: 0px;
  left: 0.5em;
  height: 2.5em;
  width: 3em;
  transform: rotate(0deg) skewX(0deg);
}
input:checked + .switch-left::before {
  background-color: transparent;
  width: 3.0833em;
}
input:checked + .switch-left + .switch-right {
  background-color: #ddd;
  color: #888;
  bottom: 0.4em;
  right: 0.8em;
  height: 2.4em;
  width: 2.75em;
  transform: rotate(-15deg) skewX(-15deg);
}
input:checked + .switch-left + .switch-right::before {
  background-color: #ccc;
}
/* Keyboard Users */
input:focus + .switch-left {
  color: #333;
}
input:checked:focus + .switch-left {
  color: #fff;
}
input:focus + .switch-left + .switch-right {
  color: #fff;
}
input:checked:focus + .switch-left + .switch-right {
  color: #333;
}
/** end rocker css */


div.tox-tinymce {
    border-radius: 0px !important;
}

/** allows you to add a button in a toolbar with a cls of btn-rounded and will round the corners */
td.x-toolbar-cell table.x-btn:has(button.btn-rounded)
{
    border-color: transparent !important;
    border-radius: 5px;
}