/* --------------------------- */
/* Admin and Report page style */
/* --------------------------- */

#treeView { overflow: auto; width: 270px; text-decoration: none; background-color: #eeeeee; color: #000000; margin: 12px; }
#itemsView { background-color: #eeeeee; margin: 12px; padding: 0 0 0 0; overflow-y: hidden;} /**/
#itemsViewPathBox { margin: 0px 6px 0px 0px; padding: 4px 16px 4px 4px; color: #333333; background-color: #EEEEEE}
 
.adminPathBar
{
    display: flex;
    height: 54px;
    width: auto;
    vertical-align: middle;
	clear: both;
	padding-bottom: 2px;
	background-color: #b3b3b3;
	color: white;
	margin: 10px 10px 0 10px;
}

.adminPathBar #viewTypeButton
{
    width: 32px;
    height: 32px;
    float: left;
    background-color: #b3b3b3;
    background-image: url(../img/Buttons/menu.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin: 2px 2px 2px 6px;
}

.backButtonAdminPathBar
{
	display: inline;
	width: 50%;
    height: 50px;
    background-color: #b3b3b3;
    border: none;
    color: white;
    padding: 1px 1px 1px 50px;
    text-align: center;
    text-decoration: none;
    /*font-size: 3em;*/
    margin: 3px 0px 3px 3px;
    cursor: pointer;
    background-image: url(../img/Icons/Linear/36/Back.png);
    background-repeat: no-repeat;
    background-position: center left 6px;
}

.backButtonAdminPathBar:hover
{
    opacity: 0.5;
}

.labelAdminPathBar
{
	display: inline;
	line-height: 50px; 
	width: 50%;
	margin: 4px 4px 4px 0px;
}

.adminPathBar h2
{
    font-size: 1.8em;
	line-height: 50px;
	opacity: 1;
	margin-left: 10px;
	text-align: left;
}

.adminSearchBox
{
	float:right;
	width: 50%;
	line-height:33px;
	vertical-align:middle;
	background-color: #b3b3b3;
	padding-left: 12px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 15px;
	margin: 0px;
}

.adminSearchBoxTextField, .adminSearchBoxTextFieldWithoutImage
{
    float: right;
    height: 24px;
    width: 70% !important;
    max-width: 220px;
    padding-left: 4px;
    background-image: url(../img/Icons/Linear/SearchGray.png);
    background-repeat: no-repeat;
    background-position: center right;
}

.adminSearchBoxTextFieldWithoutImage
{
    background-image: none;
}

.adminItemsViewPanel
{
    width: 1280px; 
    height: inherit;
    background-color: white;
    margin-left: calc((100% - 1280px)/2); 
    margin-right: calc((100% - 1280px)/2);
    padding: 0px 0px 0px 0px;
    overflow: hidden;
}

.mainPanel
{
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.mainPanelAdmin 
{
    margin: 0;
    padding: 0;
    width: 55%;
}

.mainPanelReport
{
    margin: 0;
    padding: 0;
    width: 100%;
}

.mainPanelForum 
{
    margin: 0;
    padding: 0;
    width: 45%;
}

.adminRootPanelLabel
{
	padding: 0 2px 0 2px;
    background-color: White;  /*#eeeeee*/
    color: #808080;
    margin: 4px 0px 0px 4px;  
    height: 28px; 
    font-size: 16pt;
}

.reportRootPanelLabel, .reportRootPanelSavedReportLabel
{
	padding: 0 2px 0 2px;
    background-color: White;  /*#eeeeee*/
    color: #808080;
    margin: 4px 0px 0px 4px;  
    height: 28px; 
    font-size: 16pt;
}
.reportRootPanelSavedReportLabel { margin: 4px 10px 4px 10px; background-color: #eeeeee; }

.mainPanelAdmin, .mainPanelReport, .mainPanelForum { min-width: 460px;}
.mainPanel { min-width: 460px;}
.adminItemsViewPanel { min-width: 460px;}
.adminPathBar { min-width: 460px;}

.adminRootPanelList
{
    margin: 4px 10px 0 6px;
    display: flex;
    height: 100%;
    overflow: auto;
}

.adminRootPanelList ul li{
    clear: both;
    display: block;
}

.mainPanelReport ul li
{
    margin:0;
    padding:0;
    clear: both;
    display: block;
}

.adminRootPanelNewItem { margin: 4px 10px 0 6px; height:auto; overflow:auto;}
.adminRootPanelDefaultItemsList { margin: 4px 10px 0 6px; height:auto; overflow:auto;}
.adminRootPanelItemsList
{
    margin: 0px 10px 0 6px;
    clear: both;
    display: flex;
    flex-direction: column;
    overflow: auto;
    overflow-x: hidden;
}

@media only screen and (max-width: 1304px) {
        .adminRootPanelList
        {
            display: flex;
            flex-direction: column;
        }
        .mainPanelAdmin { width:100% !important;}
        .mainPanelForum { width: 100% !important;}
        .adminRootPanelLabel{ margin-right: 6px !important;}   
        .adminItemsViewPanel  
        {
            width: 100% !important;
            height: inherit !important;
            margin-left: 0% !important;
            margin-right: 0% !important;
        } 
        .adminRootPanelItemsList {margin-right: 10px !important; width: auto !important;} 
        #forumItems {margin: 6px 6px 4px 4px !important;}
}

@media only screen and (max-width: 1000px) { .adminPathBar h2 { font-size: 1.8em;}}
@media only screen and (max-width: 800px) { .adminPathBar h2 { font-size: 1.8em;}}
@media only screen and (max-width: 600px) { .adminPathBar h2 { font-size: 1.6em;}}

.adminItem, .adminItemSmall, .adminItemList
{
	margin: 4px;
	padding: 6px;
	text-align: center;
	vertical-align: middle;
	float: left;
	width: 200px;
	height: 90px;
	background-color: #a70000;
	background-repeat: no-repeat;
	background-position: right 8px top 8px;
	text-align: left;
	vertical-align: bottom;
	color: White;
}

.adminItem_general, .adminItem_policies, .adminItem_messages, .adminItem_users, .adminItem_tools, .adminItem_reports,
    .adminItem_reports_group01, .adminItem_reports_group02, .adminItem_reports_group03, .adminItem_reports_group04
{
	margin: 4px;
	padding: 6px;
	text-align: center;
	vertical-align: middle;
	float: left;
	width: 200px;
	height: 90px;
	background-color: #a70000;
	background-repeat: no-repeat;
	background-position: right 8px top 8px;
	text-align: left;
	vertical-align: bottom;
	color: White;
}

.adminListItem_general, .adminListItem_policies, .adminListItem_messages, .adminListItem_users, .adminListItem_tools, .adminListItem_reports,
    .adminListItem_reports_group01, .adminListItem_reports_group02, .adminListItem_reports_group03, .adminListItem_reports_group04 
{
    position: relative;
	margin: 4px 0px 4px 4px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	float: left;
	width: 100%;
	height: 54px;
	background-color: #a70000;
	background-repeat: no-repeat;
	background-position: left 8px top 8px;    
	text-align: left;
	vertical-align: bottom;
	color: White;
}

.adminItem_general:hover, .adminListItem_general:hover{ background-color: #b81e1e;}

.adminItem_policies, .adminListItem_policies { background-color: #42769f;}
.adminItem_policies:hover, .adminListItem_policies:hover { background-color: #417dac;}

.adminItem_messages, .adminListItem_messages { background-color: #3caab2;}
.adminItem_messages:hover, .adminListItem_messages:hover { background-color: #3bb1b8;}

.adminItem_users, .adminListItem_users { background-color: #f28a13;} 
.adminItem_users:hover, .adminListItem_users:hover { background-color: #fd9419; /*#f29223*/} 

.adminItem_tools, .adminListItem_tools { background-color: #3e9cd3; /*#0693dc*/} 
.adminItem_tools:hover, .adminListItem_tools:hover { background-color: #59aad9;}

.adminItem_reports, .adminListItem_reports { background-color: #3caab2;}
.adminItem_reports:hover, .adminListItem_reports:hover { background-color: #3bb1b8;}

.adminItem_reports_group01, .adminListItem_reports_group01 { background-color: #107896;}
.adminItem_reports_group01:hover, .adminListItem_reports_group01:hover { background-color: #2785a0;}

.adminItem_reports_group02, .adminListItem_reports_group02 { background-color: #008b85;}
.adminItem_reports_group02:hover, .adminListItem_reports_group02:hover { background-color: #199691;}

.adminItem_reports_group03, .adminListItem_reports_group03 { background-color: #3caab2;} /* #829356; */
.adminItem_reports_group03:hover, .adminListItem_reports_group03:hover { background-color: #3bb1b8;}

.adminItem_reports_group04, .adminListItem_reports_group04 { background-color: 	#42769f;} /* #085298 */
.adminItem_reports_group04:hover, .adminListItem_reports_group04:hover { background-color: #417dac;}


.adminItem_bottom
{
    position: relative;
    padding: 0 0 0 0;
    margin-left: 54px;
    margin-right: 0px;
    width: auto;
    height: 54px;
    background-color: #f6f6f6;
    color: #535353;
    bottom: 0px;
    left: 0px;
    border-left-width: 0px;
    border-left-color: White;
    border-left-style: solid;
    font-size: 14.4px;
}
.adminItem_bottom:hover {background-color: #eeeeee;}

.adminListItem_general:hover .adminItem_bottom, .adminListItem_policies:hover .adminItem_bottom, .adminListItem_messages:hover .adminItem_bottom,
.adminListItem_users:hover .adminItem_bottom, .adminListItem_tools:hover .adminItem_bottom, .adminListItem_reports:hover .adminItem_bottom,
.adminListItem_reports_group01:hover .adminItem_bottom, .adminListItem_reports_group02:hover .adminItem_bottom, 
.adminListItem_reports_group03:hover .adminItem_bottom, .adminListItem_reports_group04:hover .adminItem_bottom
{
    background-color: #eeeeee;
}

.adminItem_addNew
{
	margin: 4px 0px 4px 4px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	float: left;
	width: 54px;
	height: 54px;
	background-color: #aaaaaa;
	background-repeat: no-repeat;
	background-position: center;
	text-align: left;
	vertical-align: bottom;
	color: White;
}
.adminItem_addNew:hover { background-color: #878787;}

.adminItem_addNew_span
{
	margin: 18px 0 0 62px;
	padding: 0px;
	width: 150px;
	color: #535353;
	font-size: 14.4px;
	overflow-x: hidden;
}

.adminItemSmall
{
	width: 372px;
	height: 54px;
	padding: 0px;
	background-position: 9px center;
	overflow: hidden;
}

.adminItemList
{
	width: auto;
	min-width: 0;
	float: none;
	height: 24px;
	padding: 4px;
	margin: 0 0 0 6px;
	background-position: 4px center;
	background-color: White;
	clear: both;
}

.adminCommand .adminItem, .adminCommand .adminItemSmall, .adminCommand .adminItemList
{
	background-color: Gray;
	color: White;
}

.adminItem span
{
	position:absolute;
	bottom:6px;
}

.adminItem_general span, .adminItem_policies span, .adminItem_messages span, .adminItem_users span
, .adminItem_tools span, .adminItem_reports span
, .adminItem_reports_group01 span, .adminItem_reports_group02 span, .adminItem_reports_group03 span, .adminItem_reports_group04 span
{
	position:absolute;
	bottom:6px;
	font-size: 14.4px;
    font-weight: normal;
}
.adminItem_addNew span 
{ 
    line-height: 20px; 
    height: 20px; 
}

.adminListItem_general  span, .adminListItem_policies span, .adminListItem_messages span, .adminListItem_users span
, .adminListItem_tools span, .adminListItem_reports span
{
	position:absolute;
	left:6px;
	bottom:18px; 
	color: #535353;
}

.adminItemSmall span
{
	position:absolute;
	left: 54px;
	line-height:54px;
}

.adminItemList span
{
	position:absolute;
	left: 32px;
	line-height:24px;
}


/* Forum panel style */
#forumItems
{
    margin: 0 0 10px 10px;
    min-width: 300px;
}

.forumTitle
{
	padding: 0 0 0 2px;
	background-color: White; /*#eeeeee*/
    color: #808080;
    margin: 4px 0 4px 0;  
    font-size: 16pt;
}

.forumPosts
{
	background-color: #b3b3b3;
	text-align: left;
	margin: 0px !important;
	padding: 6px;
	list-style-type: none;
}

.forumPosts li
{
	margin: 3px;
	padding: 10px 3px 3px 3px;
	height:20px;
	background-color: #e8e8e8;
	overflow: hidden;
	white-space: nowrap;
}

.forumPosts li.new
{
	margin: 2px;
	padding: 10px 3px 3px 3px;
	height:20px;
	background-color: #f9d282;
	overflow: hidden;
	white-space: nowrap;
}

.forumPosts li a
{
	text-decoration: none;	
	color: #666666;
	font-size: 14.4px;
}


.forumPosts li a:visited {
    color: #609;
}

.forumPosts li a:hover 
{
	color: #4c4c4c;
	text-decoration: underline;
}

ul.ui-autocomplete {
    background-color:white;
    border:1px solid #eeeeee;
}

.ui-autocomplete-input 
{
    width: 220px;
    font-size: 14.4px;
    color: #595959;
    border: 0px solid #888;
}

.ui-autocomplete-category
{
    color: #737373 !important;
	font-weight: bold !important;
	padding-left: 4px !important;
	line-height: 24px !important;
	font-size: 14.4px !important;
}

.ui-menu-item-wrapper 
{ 
    color: #666666 !important;
    background-color: white !important; 
    white-space: nowrap !important; 
    border: 1px solid White !important;
    font-size: 14.4px !important;
    padding-left: 8px !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover
{
    background-color: #eeeeee !important;
    font-weight: normal !important;
    font-size: 14.4px !important;
    white-space: nowrap !important;
	color: #666666 !important;
    padding-left: 8px !important;
}

.autocompliteUserSecondLine
{
    font-style: italic;
    opacity: 0.7;
}