body.modal-open {
    /*overflow: hidden;*/
    margin-top: 0px;
}

.modal-body {
   overflow-y: auto;
   max-height: 65vh;
}

.modal-body.bigger {
   max-height: 75vh;
}

body.reports
{
	font: 16px Open Sans;
	width: 210mm;	
}

.note.block { display: block; }
.modal-open.page-overflow .page-container { overflow-y: visible !important; }

::-webkit-scrollbar 
{
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}

* { -ms-overflow-style: none; scrollbar-width: none; }

.reports .header
{
	font: 25px Open Sans;
}

input.noclear::-ms-clear
{
	display: none;	
}

/* TODO,REMOVE:AXJM, Not found */
#impression, #organization, #projectmgmt
{
	float: right;
	position: relative;
	top: 5px;
}

.traffic-light.actions { width: 20px; height: 20px; border-width: 1px !important;}
.traffic-light
{
	margin-left: 2px;
	width: 30px;
	height: 30px;
	background: #eee;
	border: 3px solid #ddd;
	border-radius: 50% !important;
	outline: none;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

.dashboard .traffic-light { width: 20px; height: 20px; }
.traffic-light.red { background-color: #f30e0e; border: 3px solid #d00000; color: white !important; }
.dashboard .traffic-light.red { background-color: #f30e0e; border: 1px solid #d00000; }
.traffic-light.yellow { background-color: #f7eb0d; border: 3px solid #d8ce16; color: black !important; }
.dashboard .traffic-light.yellow { background-color: #f7eb0d; border: 1px solid #d8ce16; }
.traffic-light.green { background-color: #22bd22; border: 3px solid #108010; color: white !important; }
.dashboard .traffic-light.green { background-color: #22bd22; border: 1px solid #108010; }	
.traffic-light.gray { background-color: #eee; border: 3px solid #ddd; color: gray !important; }	
.dashboard .traffic-light.gray { background-color: #eee; border: 1px solid #ddd; }

DIV.dashboard 
{ 
	height: 323px; 
	overflow: auto; 
	border-bottom: 1px solid lightgray;
	background: url( /javax.faces.resource/table.png.xhtml?ln=images/individual/qmh ) 0 0 repeat; 
}

TABLE.dashboard 	
{ 
	background: url( /javax.faces.resource/table.png.xhtml?ln=images/individual/qmh ) 0 0 repeat; 
}

/* TODO,REMOVE:AXJM, Not found */
.tableDropdown, .tableInput
{
	width: -moz-calc( 100% - 8px );
   	width: -webkit-calc( 100% - 8px );
   	width: calc( 100% - 8px );
	border: none;
	background: none; 
	border-bottom: 1px dashed lightgrey;
	margin-top: -1px;
	outline: none;
	margin-right: 8px;
}

/* TODO,REMOVE:AXJM, Not found */
.tableDropdown
{
	-webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background-repeat: no-repeat;
   background-position: right center;
   padding-right: 20px;
   background-image: url( /javax.faces.resource/select.png.xhtml?ln=images );
}

/* TODO,REMOVE:AXJM, Not found */
.tableDropdown:disabled, .tableInput:disabled
{
	width: -moz-calc( 100% - 8px );
   	width: -webkit-calc( 100% - 8px );
   	width: calc( 100% - 8px );
	border: none;
	background: none; 
	margin-top: -1px;
	outline: none;
	margin-right: 8px;
}

/* TODO,REMOVE:AXJM, Not found */
#contextDivider
{
	background-color: #444444;
	text-align: center;
	color: white;
	height: 171px;
	margin-top: 10px;
}

.riskCell
{
	width: 70px;
	height: 70px;
	text-align: center;
	font-size: 15px;
	border: 2px solid white;
	font-weight: bold;
}

.riskCell.verylow { background: rgb(84, 130, 53); color: white; }
.riskCell.low { background: rgb(112, 173, 71); color: white; }
.riskCell.medium { background: rgb(255, 192, 0); color: gray; }
.riskCell.high { background: rgb(237, 125, 49); color: white; }
.riskCell.veryhigh { background: rgb(227, 0, 27); color: white; }

.riskYAxis
{
	width: 70px;
	height: 70px;
	position: absolute; 
	top: -10px; 
	right: 10px;
	text-align: right;
}

.riskXAxis
{
	width: 70px;
	height: 30px;
	text-align: center;
	border: 2px solid white;
}

.riskYLegend
{
	transform: rotate( 270deg );
	text-transform: uppercase;
	font-weight: bold;	 
}

.riskXLegend
{
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;	
}

/* TODO,REMOVE:AXJM, Not found */
.reports .overlapping
{
	width: 10px; height: 10px;
	border: 3px solid lightgray;
	border-radius: 10px;
	background-color: gray;
	margin: 2px;
	align: left;
	float: right;
}

/* TODO,REMOVE:AXJM, Not found */
.qmh_wordwrap 
{ 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

/* TODO,REMOVE:AXJM, Not found */
div.boxMultiline
{
	font-size: 11px;
	font-weight: bold;
}

/* TODO,REMOVE:AXJM, Not found */
div.qmh_page_blocks_iframe_wrapper
{
	width: 100%; 
	overflow: hidden;
}

/* TODO,REMOVE:AXJM, Not found */
iframe.qmh_page_blocks_iframe
{
	width: 100%; 
}

/* TODO,REMOVE:AXJM, Not found */
div.qmh_page_blocks_actions
{
	position: absolute; 
	top: 182px; left: 0px; 
	padding: 5px; 
	background-color: white; 
	border-top: 1px solid lightgray; 
	border-right: 1px solid lightgray;
}

/* TODO,REMOVE:AXJM, Not found */
td.timeframe_green_border_top
{
	background-color: #1fc8b0; 
	border-top: 1px dashed black; 
	border-left: 1px solid gray; 
	border-right: 1px solid gray; 
	cursor: pointer;
}

/* TODO,REMOVE:AXJM, Not found */
td.timeframe_green
{
	background-color: #1fc8b0; 
	border-left: 1px solid gray; 
	border-right: 1px solid gray; 
	cursor: pointer;
}

/* TODO,REMOVE:AXJM, Not found */
td.timeframe_green_bottom
{
	background-color: #1fc8b0; 
	border-bottom: 1px solid gray; 
	border-left: 1px solid gray; 
	border-right: 1px solid gray;
}

/* TODO,REMOVE:AXJM, Not found */
td.timeframe_green_bottom_dashed
{
	background-color: #1fc8b0; 
	border-bottom: 1px dashed black; 
	border-left: 1px solid gray; 
	border-right: 1px solid gray;
}

/* TODO,REMOVE:AXJM, Not found */
td.timeframe_green_bottom_end
{
	background-color: #1fc8b0; 
	border-bottom: 1px solid gray; 
	border-left: 1px solid gray; 
	border-right: 1px solid gray;
}

/* TODO,REMOVE:AXJM, Not found */
td.timeframe_gray
{
	background-color: lightgray; 
	border-bottom: 1px dashed black; 
	border-left: 1px solid gray; 
	border-right: 1px solid gray;
}

/* TODO,REMOVE:AXJM, Not found */
td.timeframe_gray_top
{
	background-color: lightgray; 
	border-top: 1px dashed black; 
	border-left: 1px solid gray; 
	border-right: 1px solid gray;
}

/* TODO,REMOVE:AXJM, Not found */
input.newsletterSeries
{
	width: 50px; height: 25px;
	text-align: center; 
	border: 1px solid lightgray; 
	font-size: 14px; 
	padding-bottom: 4px; 
	padding-top: 1px;
	margin: 4px 4px 0px 0px;
}

/* TODO,REMOVE:AXJM, Not found */
select.newsletterSeries
{
	width: 30px; height: 25px;
	text-align: center; 
	border: 1px solid lightgray; 
	font-size: 14px; 
	padding: 2px; 
	margin: 4px 4px 0px 0px;
}

/* TODO,REMOVE:AXJM, Not found */
div.newsletterSeries
{
	float:left;
	border: 1px solid lightgray; 
	width: 130px; 
	background: #f0f0f0; 
	padding: 3px 10px;
	margin: 2px 4px 2px 0px;
}

/* TODO,REMOVE:AXJM, Not found */
div.trafficeLight
{
	width: 40px;
	height: 40px;
	-webkit-border-radius: 30px !important;
  	-moz-border-radius: 30px !important;
  	border-radius: 30px !important;
  	border: 2px solid #dddddd;
	background-color: #eeeeee;
	margin: 2px;
}

.ellipsed
{
	overflow: hidden;
    wrap: no-wrap;
    word-wrap: no-wrap;
    white-space: nowrap;
    text-overflow: ellipsis;
}

a.menu_ellipsed
{
	overflow: hidden;
    wrap: no-wrap;
    word-wrap: no-wrap;
    white-space: nowrap;
    text-overflow: ellipsis;
}

a.table_header
{
	white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    margin: 0; padding: 0;
    color: #5a5a5a; 
    overflow: hidden;
    text-decoration: none;
    width: -moz-calc( 100% - 20px );
   	width: -webkit-calc( 100% - 20px );
   	width: calc( 100% - 20px );
}

.table_header_sort
{
	color: lightgray;
    position: absolute;
    top: 1px;
    right: 10px;
}

/* TODO,REMOVE:AXJM, Not found */
.table_header_icon
{
	color: lightgray;
    position: absolute;
    top: 0;
    left: 0px;
}

/* TODO,REMOVE:AXJM, Not found */
.table_header_spinner
{
	color: lightgray;
    position: absolute;
    top: 0;
    right: 10px;
}

.ui-resizable-handle:hover{ background-color: lightgray; opacity: 0.3; }
.neo-table-sortable-placeholder { display: inline-block; background-color: #dff9ff; }
.neo-table::-webkit-scrollbar { width: 20px; background: #f1f1f1; }
.neo-table::-webkit-scrollbar-track { background: #e8e8e8; }
.neo-table::-webkit-scrollbar-thumb { background: #d4d4d4; }
.neo-table::-webkit-scrollbar-thumb:hover { background: #c5c5c5; }
.neo-table
{
	overflow-x: auto; 
	white-space: nowrap; 
	font-size: 0;
	white-space-collapsing: discard;
	scrollbar-width: 20px; 
	-ms-overflow-style: auto; 
	background: url( /javax.faces.resource/table_header.png.xhtml?ln=images/individual/qmh ) 0 -10px repeat-x, url( /javax.faces.resource/table.png.xhtml?ln=images/individual/qmh ) 0 7px repeat;
}

.neo-table-column.starter { text-align: center; width: 30px; }
.neo-table-column { display: inline-block; font-family: "Open Sans", sans-serif; color: rgb( 51, 51, 51 ); font-size: 13px;} 
.neo-table-column .title I { color: lightgray; position: absolute; top: 10px; right: 3px; }
.neo-table-column .title IMG.indicator { position: absolute; right: 2px; top: 10px; width: 16px; height: 16px; display: none; background-color: white; }
.neo-table-column .title
{	
    position: relative;
    width: 100%; height: 34px;
    padding: 9px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: bold;
    background-color: white; 
}

.neo-table-column .search A { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: white; width: 100%; color: #333; text-decoration: none; padding: 3px 6px 3px 2px; border: 1px solid #ececec; outline: none; margin-left: -3px; height: 26px; }
.neo-table-column .search INPUT { width: 100%; padding: 3px 6px 3px 2px; border: 1px solid #ececec; outline: none; margin-left: -3px; }
.neo-table-column .search SELECT { width: 100%; padding: 2px 2px 2px 0px; border: 1px solid #ececec; outline: none; margin-left: -3px; }
.neo-table-column .search IMG.indicator { position: absolute; right: 12px; top: 14px; width: 16px; height: 16px; display: none; background-color: white; }
.neo-table-column .search I { padding-top: 5px; }
.neo-table-column .search
{
	position: relative;
    width: 100%; height: 45px;
	overflow: hidden;
    padding: 9px 0px 9px 9px;
    border-top: 1px solid lightgray; 
    border-bottom: 1px solid lightgray; 
    background-color: #f5f5f5;
}

.neo-table-column .content DIV.text { padding: 9px; display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.neo-table-column .content SPAN.text { padding: 9px; display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.neo-table-column .content A { padding: 9px; display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.neo-table-column .content A SPAN.text { padding: 0px; }
.neo-table-column .content .rating-group { direction: rtl; float:left; padding: 9px; margin-top: 2px;}
.neo-table-column .content .edit.rating-group { width: auto !important; }
.neo-table-column .content .rating-group .rating { padding: 3px; display: inline; text-decoration: none; }
.neo-table-column .content .rating-group DIV.rating { width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.neo-table-column .content .rating-group .rating .star { font-size: 18px; color: lightgray; }
.neo-table-column .content DIV.edit { padding: 8px 3px 8px 5px; width: 100%; overflow: hidden; }
.neo-table-column .content IMG { padding: 9px; }
.neo-table-column .content INPUT { width: 100%; border: none; background: none; border-bottom: 1px dashed lightgrey; outline: none; padding: 1px 5px; }
.neo-table-column .content .traffic { float: left; width: 25px; height: 25px; background-color: #f7f7f7; border: 1px solid lightgrey; margin: 5px -3px 5px 7px; border-radius: 50% !important; }
.neo-table-column .content .traffic.red { background-color: #f30e0e; border: 1px solid #820e0e; }
.neo-table-column .content .traffic.yellow { background-color: #f7eb0d; border: 1px solid #d8ce16; }
.neo-table-column .content .traffic.green { background-color: #22bd22; border: 1px solid #108010; }	
.neo-table-column .content .red { color: #f30e0e; }
.neo-table-column .content .red::-moz-placeholder { color: #f30e0e; }
.neo-table-column .content .red::-ms-input-placeholder { color: #f30e0e; }
.neo-table-column .content .red::-webkit-input-placeholder { color: #f30e0e; }
.neo-table-column .content .yellow { color: #d2c806;  }
.neo-table-column .content .yellow::-moz-placeholder { color: #f7eb0d; }
.neo-table-column .content .yellow::-ms-input-placeholder { color: #f7eb0d; }
.neo-table-column .content .yellow::-webkit-input-placeholder { color: #f7eb0d; }
.neo-table-column .content .green { color: #22bd22; }
.neo-table-column .content .green::-moz-placeholder { color: #22bd22; }
.neo-table-column .content .green::-ms-input-placeholder { color: #22bd22; }
.neo-table-column .content .green::-webkit-input-placeholder { color: #22bd22; }
.neo-table-column .content .checker { top: 8px; left: 3px; }
.neo-table-column .content INPUT::-moz-placeholder { color: #cdcdcd; }
.neo-table-column .content INPUT::-ms-input-placeholder { color: #cdcdcd; }
.neo-table-column .content INPUT::-webkit-input-placeholder { color: #cdcdcd; }
.neo-table-column .content.even INPUT::-moz-placeholder { color: #cdcdcd; }
.neo-table-column .content SELECT { width: 100%; border: none; background: none; border-bottom: 1px dashed lightgrey; outline: none; }
.neo-table-column .content
{
	position: relative;
	display: block;
	width: 100%; height: 36px;
   	overflow: hidden; 
}
.neo-table-column .content .dialog { padding: 8px 3px 8px 5px; width: 100%; overflow: hidden; }
.neo-table-column .content .dialog A { width: 100%; border: none; background: none; border-bottom: 1px dashed lightgrey; outline: none; padding: 1px 5px; color: #cdcdcd; text-decoration: none; }
.neo-table-column .content .dialog A IMG{ float: right; padding: 0; display: none; }
.neo-table-column .content .multiple { text-shadow: 1px 1px #000000; }
.neo-table-column .content .template { opacity: 0.5; font-style: italic; }
.neo-table-column .content A .multiple { text-shadow: 1px 1px #3badcf; }
.neo-table-column .content A .template { opacity: 0.5; font-style: italic; }

TR.multiple .actions { text-shadow: 1px 1px #000000; }
TR.multiple .actions SELECT { text-shadow: 1px 1px #000000; }
TR.multiple .actions INPUT { text-shadow: 1px 1px #000000; }
TR.multiple .actions A { text-shadow: 1px 1px #3badcf; }

.neo-table-footer .form-control.right { float: right; max-width: 350px; padding: 3px; }
.neo-table-footer .btn { margin-right: 4px; }
.neo-table-footer
{
	border-bottom: 1px solid lightgray; 
	height: 49px; padding: 10px; 
	background-color: #eee;
}
.neo-table-column .content .edit.rating-group A.rating:hover .star,
.neo-table-column .content .edit.rating-group A.rating:hover ~ A .star
{
	color: yellow !important;
	-webkit-text-stroke: 1px #CCCC00;
}
.neo-table-column .content .rating .checked { color: yellow !important; -webkit-text-stroke: 1px #CCCC00; }
.neo-table-column .content .edit.rating-group:hover > .rating .checked {  text-decoration: none; color: lightgray !important; -webkit-text-stroke: 0; } 

/* TODO,REMOVE:AXJM, Not found */
div.trafficeLightRedOn
{
	border: 2px solid #B40404;
	background-color: #FF0000;
}

/* TODO,REMOVE:AXJM, Not found */
div.trafficeLightYellowOn
{
	border: 2px solid #AEB404;
	background-color: #D7DF01;
}

/* TODO,REMOVE:AXJM, Not found */
div.trafficeLightGreenOn
{
	border: 2px solid #04B404;
	background-color: #01DF01;
}

/* TODO,REMOVE:AXJM, Not found */
div.newsletterHistoryProcessbar
{
	width: 100%;
	-webkit-border-radius: 6px !important;
  	-moz-border-radius: 6px !important;
  	border-radius: 6px !important;
  	border: 1px solid #c0c0c0;
	background-color: #eeeeee;
	padding: 2px;
}

/* TODO,REMOVE:AXJM, Not found */
div.newsletterHistoryProcessbarProcess
{
	height: 10px;
	-webkit-border-radius: 6px !important;
  	-moz-border-radius: 6px !important;
  	border-radius: 6px !important;
  	background-color: lightgreen;
	overflow: hidden;
}

/* TODO,REMOVE:AXJM, Not found */
img.QmhDynamicImageLoadingMiddle
{
	border: 1px solid lightgray;
	-webkit-border-radius: 10px !important;
  	-moz-border-radius: 10px !important;
  	border-radius: 10px !important;
	background-color: #ffffff;
	padding: 35px;
}

/* TODO,REMOVE:AXJM, Use in a javascript method */
img.QmhDynamicImageLoading16
{
	border: 1px solid lightgray;
	-webkit-border-radius: 10px !important;
  	-moz-border-radius: 10px !important;
  	border-radius: 10px !important;
	background-color: #ffffff;
	padding: 0px;
}

/* TODO,REMOVE:AXJM, Use in a javascript method */
img.QmhDynamicImageLoading32
{
	border: 1px solid lightgray;
	-webkit-border-radius: 10px !important;
  	-moz-border-radius: 10px !important;
  	border-radius: 10px !important;
	background-color: #ffffff;
	padding: 8px;
}

/* TODO,REMOVE:AXJM, Use in a javascript method */
img.QmhDynamicImageLoading66
{
	border: 1px solid lightgray;
	-webkit-border-radius: 10px !important;
  	-moz-border-radius: 10px !important;
  	border-radius: 10px !important;
	background-color: #ffffff;
	padding: 24px;
}

/* TODO,REMOVE:AXJM, Use in a javascript method */
img.QmhDynamicImageLoading96
{
	border: 1px solid lightgray;
	-webkit-border-radius: 10px !important;
  	-moz-border-radius: 10px !important;
  	border-radius: 10px !important;
	background-color: #ffffff;
	padding: 35px;
}

/* TODO,REMOVE:AXJM, Use in a javascript method */
img.QmhDynamicImageLoading128
{
	border: 1px solid lightgray;
	-webkit-border-radius: 10px !important;
  	-moz-border-radius: 10px !important;
  	border-radius: 10px !important;
	background-color: #ffffff;
	padding: 51px;
}

/* TODO,REMOVE:AXJM, NOT USED */
.dont-break-out 
{

  	/* These are technically the same, but use both */
  	overflow-wrap: break-word;
  	word-wrap: break-word;
	-ms-word-break: break-all;
 	/* This is the dangerous one in WebKit, as it breaks things wherever */
  	word-break: break-all;
  	/* Instead use this non-standard one: */
  	word-break: break-word;
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
  	-ms-hyphens: auto;
  	-moz-hyphens: auto;
  	-webkit-hyphens: auto;
  	hyphens: auto;
}

div.releasesBlocks
{
	width: 70px; 
	float: left; 
	text-align: center; 
	padding: 5px 0px;
	margin: 10px 5px 0px 5px; 
	background-color: #ffffff;	
}

div.releasesBlocks_selected
{
	width: 70px; 
	float: left; 
	text-align: center; 
	padding: 5px 0px;
	margin: 10px 5px 0px 5px; 
	background-color: #FFD700;	
}

div.column, div.column_disabled, div.column_moved, div.column_helper_visible, div.column_helper_invisible, div.column_last_selected
{
	outline: none; 
	position:absolute;
	border: 1px solid lightgray;
	left: 10px;  z-index: 0;
	border-radius: 15px !important; 
	width: 300px; height: 25px; 
	font-family: Verdana,Helvetica,VERDANA,sans-serif;
	color: #000000; font-weight: bold;
	font-size: 10px; padding: 6px 10px;
	text-align: left;
	background-color: #f0f0f0;
}

div.column_container div
{
	position: absolute; 
	left: 15px; top: 5px; width: 50%;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */	
}

div.column_container input
{
	position: absolute; 
	border-radius: 5px; 
	right: 70px; top: 1px; width: 30%;
	margin: 0px; padding: 0px; height: 21px;
}

div.column_container select
{
	position: absolute; 
	width: 50px;
    right: 10px; top: 3px;
}

div.column_moved
{
	z-index: 9999;
	border: 1px solid darkgray;
	background-color: #c0c0c0
}

div.column_helper_visible
{
	font-family: Verdana,Helvetica,VERDANA,sans-serif;
	color: #e6e6e6; font-weight: bold;
	border: 1px solid #e6e6e6;	
	background-color: #ffffff;
	display: block;
}

div.column_helper_invisible
{
	display: none;
}

div.column_last_selected
{
	border: 1px solid #97b59d;	
	background-color: #acd7b4
}

div.buttons
{
	height: 30px; font-size: 11px; 
	font-family: VERDANA; 
}

DIV.neo-uploader.dropover
{
	background-color: #fef0d8;
}

DIV.neo-uploader-progress-border
{
    position: relative;
    height: 10px;
	border: 1px dotted lightgray;
	border-top: 0;
    background: #f4f4f4;
    color: gray;
}

DIV.neo-uploader-progress-text
{
	position: absolute;
    left: 0px; top: 0px; width: 100%;
    padding: 7px;
    height: 10px;
	font-family: Verdana,Helvetica,VERDANA,sans-serif;
	font-size: 11px;
}

IMG.neo-uploader-img
{
	margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40%;
}

DIV.neo-uploader-progress
{
	background-color: #f6c058;
	position: absolute;
    left: 0px; top: 0px; width: 0px;
    height: 10px;
    display: none;
    text-align: right;
}

SPAN.neo-uploader-folder IMG { position: absolute; left: 10px; top: 10px; }
SPAN.neo-uploader-folder DIV { position: absolute; left: 60px; right: 10px; top: 10px; font-size: 11px; }
SPAN.neo-uploader-folder
{
	display: block; 
	background-color: #f4f4f4; 
	color: lightgray; 
	border: 1px dotted lightgray; 
	border-top: 0; 
	position: relative; 
	cursor: pointer; 
	min-height: 80px; 
	color: gray; 
	text-decoration: none;
}

DIV.preview
{
	width: 100%; 
	border: 1px solid lightgray;
	border-left: 0;
	padding: 20px;
}

DIV.preview IFRAME
{
	width: 100%; 
	height: 100%;
	min-height: 800px;
	border: 0;
	overflow: hidden;
}

table.radios INPUT
{
	margin: 0 !important;	
}

table.radios LABEL
{
	margin-right: 10px;
    margin-left: 5px;
    font-weight: bold;
}

.institution img 
{
	width: 100%;
}

/* TODO,REMOVE:AXJM NOT USED, AXDD USED */
.matrix_column
{
	position: absolute; 
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
}

.matrix_column.top
{
	border-top: 1px solid gray;
}

.matrix_column.left
{
	border-left: 1px solid gray;
}

.align-middle
{
	position: absolute;
	top: -moz-calc( 50% - 9px );
   	top: -webkit-calc( 50% - 9px );
   	top: calc( 50% - 9px );
   	width: 100%; left: 0;
   	text-align: center;
}

/* org chart style */
DIV.orgchart { position: relative; }
DIV.orgchart DIV.pointer IMG { width: 50px;}
DIV.orgchart DIV.pointer 
{ 
	position: absolute;
    display: none;
    left: 0;
    top: 0;
    width: 200px;
    height: 130px;
    z-index: 99999;
    right: 0;
    margin: auto;
    border: 1px solid #cacea8;
    background: #f5facc;
    border-radius: 10px !important;
    bottom: 0;
    padding: 20px;
    text-align: center;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: #50542a 3px 3px 3px;
    -moz-box-shadow: #50542a 3px 3px 3px;
    box-shadow: 3px 3px 3px #50542a;
}

.org
{
  	width: 100%;
  	overflow: hidden; 
  	cursor: grab; 
  	cursor: -o-grab; 
  	cursor: -moz-grab; 
  	cursor: -webkit-grab; 
}
 
.org-chart-node
{
	font-size: 1em; 
	border: 1px solid lightgray;
    cursor: default; border: 2px solid #b5d9ea;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: rgba( 0, 0, 0, 0.5 ) 3px 3px 3px;
    -moz-box-shadow: rgba( 0, 0, 0, 0.5 ) 3px 3px 3px;
    box-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.5 );
    background-color: #edf7ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#edf7ff), to(#cde7ee));
}

.org-chart-node.true
{
	background-color: #fff3ed;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff3ed), to(#eed4cd));
}

.org-chart-node.google-visualization-orgchart-nodesel
{
	border: 2px solid #e3ca4b;
    background-color: #fff7ae;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff7ae), to(#eee79e));
}

.org-chart-node-content
{
	padding: 0px;
	overflow: hidden; wrap: no-wrap; word-wrap: no-wrap;
    white-space: nowrap; text-overflow: ellipsis;
    text-align: center; vertical-align: middle; 
}

.org-chart-node-content.institution
{
	width: 150px;
}

.org-chart-node-content.institution.true
{
	width: 150px;
}

.org-chart-node-content.person
{
	min-width: 80px;
}

.DataEditingBox
{
	position: absolute; 
	left: 20px; right: 20px; 
	max-width: 600px; 
	margin: auto;
}

.QmhLayerButton
{
	position: absolute; 
	right: 4px; top: 10px; 
	width: 40px; text-align: center; 
	border: 1px solid lightgray; 
	border-radius: 5px !important; 
	padding: 10px;
	overflow: hidden;
/* 	-webkit-box-shadow: #50542a 4px 4px 4px; */
/*     -moz-box-shadow: #50542a 4px 4px 4px; */
/*     box-shadow: 4px 4px 4px #50542a; */
    background-color: white;
    z-index: 6;
}

.QmhLayerButton .batch
{
    position: absolute;
    left: -9px;
    top: -5px;
    border-radius: 10px !important;
    background-color: red;
    border: 1px solid #ffd6d6;
    min-width: 18px;
    font-size: 9px;
    padding: 2px 5px 2px 5px;
    color: white;
    display: none;
}

.MeetingsList { position: relative; padding: 10px 20px; background-color: #F8F8F8; }
.MeetingsList INPUT.btn.enroll { position: absolute; bottom: 5px; right: 5px; }
.MeetingsList DIV.btn-group.enroll { position: absolute; bottom: 5px; right: 5px; }

.MarkSelection .batch.left { left: 3px; }
.MarkSelection .batch.right { right: 3px; }
.MarkSelection .batch 
{ 
	position: absolute;
    top: 3px;
    border-radius: 24px !important;
    background-color: #ffa000;
    color: white;
    height: 24px;
    font-weight: bold;
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
    min-width: 24px;
    padding-top: 3px;
    text-align: center;
}

.MarkSelection .check.left { left: 10px; }
.MarkSelection .check.right { right: 10px; }
.MarkSelection .check { position: absolute; top: 8px; }

.QmhLayerButton.max
{
	padding: 0px;
}

.QmhLayerButtonLink
{
	padding: 10px;
	display: inline-block;
}

.QmhLayerButton.green, .QmhLayerButton.max.green
{
	background-color: #35aa47;
	color: white;
	border: 1px solid #20772d; 
/* 	-webkit-box-shadow: #10561a 4px 4px 4px; */
/*     -moz-box-shadow: #10561a 4px 4px 4px; */
/*     box-shadow: 4px 4px 4px #10561a; */
}

.QmhLayerButton.blue, .QmhLayerButton.max.blue
{
	background-color: #18abff;
	color: white;
	border: 1px solid #0e8fd8; 
/* 	-webkit-box-shadow: #064d75 4px 4px 4px; */
/*     -moz-box-shadow: #064d75 4px 4px 4px; */
/*     box-shadow: 4px 4px 4px #064d75; */
}

.QmhLayerButton.gray, .QmhLayerButton.max.gray
{
	background-color: lightgray;
	color: black;
	border: 1px solid gray; 
/* 	-webkit-box-shadow: gray 4px 4px 4px; */
/*     -moz-box-shadow: gray 4px 4px 4px; */
/*     box-shadow: 4px 4px 4px gray; */
}

.QmhContentDialog
{
	position: absolute; display: none;
	top: 0px; right: 0px; left: 0px; bottom: 0px; 
	max-width: 450px; height: 850px; max-height: 80%; 
	margin: auto;
	background-color: white;
	border: 1px solid lightgray; 
	border-radius: 5px !important; 
	padding: 20px;
	overflow: hidden;
	-webkit-box-shadow: #50542a 6px 6px 6px;
    -moz-box-shadow: #50542a 6px 6px 6px;
    box-shadow: 6px 6px 6px #50542a;
    z-index: 6;
}

.QmDynamicDialogField
{
	display: none;
}

.QmhTreeInlineDialog
{
	position: absolute;
    left: 647px;
    top: 104px;
    width: 250px;
    z-index: 9;
    border: 1px solid lightgray;
    background-color: white;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: #50542a 3px 3px 3px;
    -moz-box-shadow: #50542a 3px 3px 3px;
    box-shadow: 3px 3px 3px #50542a;
    border-radius: 10px !important;
    padding: 10px;
    display: none;
}

.QmhTreeManagementStatus
{
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 1px;
}

.QmhTableTreeButtons
{
	position: absolute;
    top: 35px;
    left: 0;
    width: 10px;
    border: 1px solid gray;
    border-bottom-right-radius: 5px !important;
    border-top-right-radius: 5px !important;
    padding: 6px 3px;
    overflow: hidden;
    background-color: white;
    opacity: 0.3;
    z-index: 9994;
    text-align: center;
}

.QmhTableTreeButtons:hover
{
	width: 31px;
    -webkit-box-shadow: #50542a 4px 4px 4px;
    -moz-box-shadow: #50542a 4px 4px 4px;
    box-shadow: 4px 4px 4px #50542a;
    background-color: white;
    border: 1px solid lightgray;
    opacity: 1;
}

.QmhTableTreeButtons I.fa
{
	color: gray; 
	cursor: pointer;
	margin: 5px 5px;
	display: block;
}

.QmhTableTreeButtons I.fa:hover
{
	color: #18abff; 
}

.QmhTreeManagementStatus.milestone { opacity: 0; }
.QmhTreeManagementStatus.Red, .QmhTreeManagementStatus.red { background-color: #ff4b4b; border: 1px solid #e23131; }
.QmhTreeManagementStatus.Yellow, .QmhTreeManagementStatus.yellow { background-color: #eef100; bordeR: 1px solid #c3c503;}
.QmhTreeManagementStatus.Green, .QmhTreeManagementStatus.green { background-color: #2CB42C; border: 1px solid #168e16; }
.QmhTreeManagementStatus.Gray, .QmhTreeManagementStatus.gray { background-color: #d3d5d8; border: 1px solid #B9BABD; }

/* org chart style */
DIV.TableTree { position: relative; }
DIV.VisualTree { position: relative; }
DIV.VisualTree DIV.pointer IMG { width: 50px;}
DIV.VisualTree DIV.pointer 
{ 
	position: absolute;
    display: none;
    left: 0;
    /*top: 0;*/
    width: 300px;
    height:auto;
    min-height: 230px;
    z-index: 999;
    right: 0;
    margin: auto;
    border: 1px solid #eed1a8;
    background: #fff0db;
    border-radius: 10px !important;
   	/*bottom: 0;*/
    padding: 20px;
    text-align: center;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: #bfa075 3px 3px 3px;
    -moz-box-shadow: #bfa075 3px 3px 3px;
    box-shadow: 3px 3px 3px #bfa075;
}

DIV.VisualTreeRelationErrorBlock
{
	position: absolute; 
	left: 0px; top: 0px; 
	border: 0; padding: 0px; margin: 0;
	max-width: 600px;
    overflow: auto;
    z-index: 1;
}

DIV.VisualTreeRelationError
{
    width: 600px;
    background-color: #c0c0c0;
    color: white;
    margin-bottom: 3px;
    border: 1px solid #c0c0c0;
    border-radius: 4px !important;
    padding: 10px;
    overflow: hidden;
    font-size: 11px;
    z-index: 5;
}

DIV.VisualTreeRelationError.failure
{
    border: 1px solid #ce4444;
    background-color: #f16c6c;
}

DIV.VisualTreeRelationError.function
{
    border: 1px solid #187556;
    background-color: #15a071;
}

SPAN.VisualTreeRelationLink:hover
{
    text-decoration: underline;
    cursor: pointer;
}

.VisualTreeButtonHeader, .TableTreeButtonHeader
{
	position: absolute; 
	top: 0px; left: 20px; right: 20px; 
	margin: auto;
	border-bottom: 1px solid lightgray;
}

.VisualTreeButtonRare, .TableTreeButtonRare
{
	position: absolute; 
	right: 7px; top: 15px; 
	width: 40px; text-align: center; 
	padding: 10px;
	overflow: hidden;
    background-color: white;
    cursor: pointer;
}

.VisualTreeDetails { top: -3px; }
.TableTreeDetails { top: 5px; }
.VisualTreeDetails, .TableTreeDetails
{
	position: absolute; 
	display: none;
	right: 50px; bottom: 10px; 
	width: 70%; 
	width: -moz-calc( 100% - 70px );
	width: -webkit-calc( 100% - 70px );
	width: calc( 100% - 70px );
	cursor:	move;
  	width: 450px;
	background-color: white; 
	margin: auto; 
	border: 1px solid lightgray; 
	border-radius: 5px !important; 
	/* padding: 20px; */
	overflow: hidden;
/* 	-webkit-box-shadow: #50542a 6px 6px 6px; */
/*     -moz-box-shadow: #50542a 6px 6px 6px; */
/*     box-shadow: 6px 6px 6px #50542a; */
}

.VisualTreeDetails .VisualTreeDetailForm, .TableTreeDetails .TableTreeDetailForm
{
	position: absolute;
	top: 70px; left: 20px; right: 20px;
	margin: auto;
	height: 80%;
	height: -moz-calc( 100% - 90px );
	height: -webkit-calc( 100% - 90px );
	height: calc( 100% - 90px );
	overflow: auto;
}

.VisualTreeDetailsClassification 
{
	display: inline-block; 
	margin: 2px; 
	border: 1px solid #6290C8; 
	color: white; 
	background-color: #6290C8; 
	border-radius: 5px !important;
    cursor: pointer;
}

.VisualTreeDetailsClassificationIcon
{
	float: left;
    background-color: white;
    color: #6290C8;
  	border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    padding: 5px 10px;
}

.VisualTreeDetailsClassificationText
{
	float: left;
    padding: 5px 10px;
}

.VisualTreeDetailsClassification.selected
{
	color: black; 
	border: 1px solid #e5bd62; 
	background-color: #ffd472; 
}

.VisualTreeDetailsRating
{
	padding: 2px 6px; margin: 2px; 
	border: 1px solid #6290C8; 
	color: white; 
	background-color: #6290C8; 
	border-radius: 5px !important;
    cursor: pointer;
    text-align: left;
}

.VisualTreeDetailsRating.selected
{
	color: black; 
	border: 1px solid #e5bd62; 
	background-color: #ffd472; 
}

.QmhProjectFormColumns 
{ 
	position: sticky;
    top: 75px;
	z-index: 2; 
	background-color: white; 
}

.QmhProjectFormColumns, .QmhProjectFormDetails, .QmhProjectFormNote
{
	width: 90%; 
	width: -moz-calc( 100% - 50px );
	width: -webkit-calc( 100% - 50px );
	width: calc( 100% - 50px );
}

.QmhGanttChartDetails
{
	width: 100%; 
}

.QmhProjectFormHeader
{
	background-color: #f4f4f4; 
	margin-bottom: 1px; 
	border-left: 5px solid #a3a3a3;
	padding-top: 7px;
    padding-bottom: 7px;
}

.QmhProjectFormHeader.true
{
	background-color: #dcffd8; 
	margin-bottom: 1px; 
	border-left: 5px solid #285623;
	padding-top: 7px;
    padding-bottom: 7px;
    color: #54914d;
}

.QmhProjectFormFunctionHeader
{
	background-color: #dcffd8; 
	margin-bottom: 1px; 
	border-left: 5px solid #285623;
}

.QmhProjectFormFunctionHeader.function { background-color: #dcffd8; border-left: 5px solid #285623; }
.QmhProjectFormFunctionHeader.product_feature { background-color: #ceceff; border-left: 5px solid #8c8cff; }
.QmhProjectFormFunctionHeader.process_feature { background-color: #ceceff; border-left: 5px solid #8c8cff; }

.QmhProjectFormRow
{
	margin-left: 0;
	margin-right: 0;
}

.QmhProjectActionItem:hover
{
	background-color: lightgray;
}

.QmhProjectFormRow DIV
{
	padding-left: 0;
	padding-right: 0;
}

.QmhProjectFormButton
{
	width: 100%;
	height: 20px;
	font-size: 12px;
	padding: 0;
    text-align: left;
	color: #e3e3e3 !important;
	border: none !important;
    background-color: white !important;
}

.QmhProjectFormButton:hover
{
	color: white !important;
	background-color: #4b8df8 !important;
	border: none !important;
}

A.QmhProjectFormField
{
	font-size: 12px !important;
	min-height: 20px !important;
	padding: 2px 0px !important;
	margin: 0 !important;
	border: none !important;
	cursor: pointer;
	color: #333;
	text-decoration: none;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}

DIV.QmhProjectFormRowColors
{
	width: 70%; 
	margin: auto; 
	height: 16px; 
	border-radius: 5px !important; 
	border: 1px solid #ececec; 
}

/* TODO,REMOVE:AXJM, NOT USED */
DIV.QmhDropDownList
{
	position: absolute; 
	left: 0px; width: 100%; 
	max-height: 150px; 
	border: 1px solid gray;
	background: #eef4fd;
	z-index: 1;
	overflow: auto;
}

/* TODO,REMOVE:AXJM, NOT USED */
DIV.QmhDropDownList DIV
{
	cursor: pointer;
	padding: 2px;
}

/* TODO,REMOVE:AXJM, NOT USED */
DIV.QmhDropDownList DIV:hover
{
	background: #87d4ff;
}

A.QmhProjectFormField.center
{
	text-align: center;
}

A.QmhProjectFormField.left
{
	text-align: center;
}

A.QmhProjectFormField.red
{
	color: red;
}

A.QmhProjectFormField.blue
{
	color: blue;
}

A.QmhProjectFormField IMG.classification
{
	padding: 0px 5px !important;
}	

A.QmhProjectFormField:hover
{
	background-color: lightgray;
}

INPUT.form-control.small
{
	font-size: 12px !important;
	height: 20px !important;
	padding: 0 5px !important;
	margin: 0 !important;
	border: none !important;
}

INPUT.form-control.small.centered
{
	text-align: center;
}

INPUT.form-control.small.right
{
	text-align: right;
}

INPUT.form-control.small.colored
{
	background-color: lightgray !important;
}

INPUT.form-control.small.transparent
{
	background: none !important;
}

INPUT.form-control.small.method
{
	background-color: #ececec !important;
}

TEXTAREA.form-control.small
{
	font-size: 12px !important;
	min-height: 20px !important;
	padding: 0 5px !important;
	margin: 0 !important;
	border: none !important;
	resize: none;
    overflow: hidden;
}

TEXTAREA.form-control.not-grayed
{
	background-color: #fff !important;
}

/* some overwriting from metronic */
@media ( max-width: 480px ) 
{ 
	.login .content { width: 90%; } 
	.DataEditingBox { top: 43px;  }
}
@media ( min-width: 992px ) 
{ 
	.page-sidebar { width: 215px; } 
	.DataEditingBox { top: 13px;  }
}
@media ( max-width: 991px ) 
{ 
	.page-sidebar 
	{ 
		width: 94%; 
		width: -moz-calc( 100% - 40px );
   		width: -webkit-calc( 100% - 40px );
   		width: calc( 100% - 40px );
	} 
	
	.DataEditingBox { top: 13px;  }
}
@media ( max-width: 767px ) 
{ 
	.page-sidebar 
	{ 
		width: 98%; 
		width: -moz-calc( 100% - 20px );
   		width: -webkit-calc( 100% - 20px );
   		width: calc( 100% - 20px );
	} 
	.DataEditingBox { top: 13px;  }
}

/* Media query for the Project Risk Form */
@media (max-width: 1200px) 
{
	.fullWidthHeader
	{
		display:none;
	}
	.smHeader
	{
		display:block;
	}
	
	.DataEditingBox { top: 13px;  }
}
@media (min-width: 1200px) 
{
	.smHeader
	{
		display:none;
	}
	
	.DataEditingBox { top: 13px;  }
}

@media (min-width:1768px)
{
	.table-header
	{
		font-size:13px;
	}
}
@media (max-width:1768px)
{
	.table-header
	{
		font-size:10px;
	}
}
.hiddenTableAddBtn
{
	display:none;
}
.showTableAddBtn:hover .hiddenTableAddBtn
{
	display:block;
}

DIV.placeHolder  font
{
	color: lightgray;
}

DIV.placeHolder:hover  font
{
	color:#333;
}

.showTableScroll::-webkit-scrollbar {
    background: #e2e2e2;
    width: 12px;
}
.showTableScroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 16px rgb(224, 224, 224);
    border-radius: 1px;
}
.showTableScroll::-webkit-scrollbar-thumb {
    border-radius: 1px;
    -webkit-box-shadow: inset 0 17px rgb(156, 154, 154);
}

@media print {
	body {
		-webkit-print-color-adjust: exact;
		!
		important
	}
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
		.col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
		float: left;
	}
	.col-md-12 {
		width: 100%;
	}
	.col-md-11 {
		width: 91.66666667%;
	}
	.col-md-10 {
		width: 83.33333333%;
	}
	.col-md-9 {
		width: 75%;
	}
	.col-md-8 {
		width: 66.66666667%;
	}
	.col-md-7 {
		width: 58.33333333%;
	}
	.col-md-6 {
		width: 50%;
	}
	.col-md-5 {
		width: 41.66666667%;
	}
	.col-md-4 {
		width: 33.33333333%;
	}
	.col-md-3 {
		width: 25%;
	}
	.col-md-2 {
		width: 16.66666667%;
	}
	.col-md-1 {
		width: 8.33333333%;
	}
}

/* TODO,REMOVE:AXJM NOT USED, AXDD USED */
.qmh_status_report_header
{
	background-color: #E46549 !important; 
	color: white; 
	padding: 1px;
}

/* TODO,REMOVE:AXJM, NOT USED */
.qmh_status_report_content
{
	color: black; 
	padding: 6px; 
	background-color: #efefef !important;
}

.qmh_import_modal_body
{
	bottom: 60px;
    top: 60px;
    overflow-y: auto !important;
    position: absolute;
    width: 100%;
}

.qmh_import_modal_header
{
	height: 60px;
}

.qmh_import_modal_footer
{
	bottom: 0px;
    height: 60px;
    position: absolute;
    width: 100%;
}

.qmh_toggle_password
{
	color: #565656;
	margin-right: 10px;
    float: right;
    margin-left: -25px;
    margin-top: -25px;
    position: relative;
    cursor: pointer;
}

option.RiskDialogFailures[value^=gray_]
{
	color: gray;
}

option.RiskDialogFailures[value^=red_]
{
	color: red;
}

option.RiskDialogFailures[value^=blue_]
{
	color: blue;
}

option.ConntrollingDialogFailures[data-color=red]
{
	color: red;
}

option.ConntrollingDialogFailures[data-color=blue]
{
	color: blue;
}

.QmhGanttChartRow, .QmhGanttChartLegend
{
	position: relative; 
	display: table; width: 100%;
	padding: 10px;
}

.QmhGanttChartRow.odd_true
{
	background-color: #ffffff;
}

.QmhGanttChartRow.even_true
{
	background-color: #f2f2f2;
}

.QmhGanttChartRow .title
{
	padding-right: 10px;
    word-break: break-word;
	width: 20%;
}

.QmhGanttChartRow .grid, .QmhGanttChartLegend .grid
{
	position: absolute;
	left: 20%; top: 0px; 
	height: 100%; width: 80%;
}

.QmhGanttChartRow .grid .date
{
	position: absolute;
	top: 0px; 
	height: 100%; 
	width: 1px;
	border-left: 1px dotted #dfdfdf;
}

.QmhGanttChartRow .grid .today
{
	position: absolute;
	top: 0px; 
	height: 100%;
	width: 1px;
	border-left: 1px solid red;
	z-index: 1;
}

.QmhGanttChartLegend .grid .date
{
	position: absolute;
	top: 0px; 
	height: 40px;
	width: 100px;  
	transform: rotate(-35deg);
	transform-origin: top right;
	font-size: 12px;
	overflow: hidden;
	text-align: right;
	margin-left: -100px;
	margin-top: 10px;
}

.QmhGanttChartRow .chart
{
	position: absolute;
	left: 20%; top: calc(50% - 10px);
	height: 20px; width: 80%;
}

.QmhGanttChartRow .chart .block
{
	position: absolute;
	top: 0; height: 20px;
	border-radius: 3px !important;
}

.QmhGanttChartRow .chart .progress
{
	position: absolute;
	top: 5px; height: 10px;
	background-color: white;
	opacity: 0.4;
}

input::-ms-clear, input::-ms-reveal {
    display: none;
}

.task_priority.top
{
	border-top: 1px solid black;
	display: flex;
}

.task_priority_header
{
	background-color: #e0dddd;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black; 
    text-align: left;
    width: 145px;  
    padding: 7px;
    overflow: hidden; 
    wrap: no-wrap; 
    word-wrap: no-wrap; 
    white-space: nowrap; 
    text-overflow: ellipsis;
}

.task_priority_details
{
	border-right: 1px solid black;
	border-bottom: 1px solid black;
    text-align: center;
    width: 10%;    
    padding: 7px;
}

.task_priority_checked
{
	background: #7d7d7d;
	color: white !important; 
}

.QmhSideMenuToggle
{
	display: inline-block;    
	cursor: pointer;
	font-size: 28px; 
	color: gray;
}

@media (max-width: 991px)
{
	.QmhSideMenuToggle{ display:none}
}

@media (min-width: 992px) 
{
	.page-sidebar-closed .page-content-wrapper .page-content 
	{
    	margin-left: 74px !important;
    }
}

.QmhScrollerLeft
{
	position: absolute;
    top:  10%;
    left:0;
}

.QmhScrollerRight
{
	position: absolute;
    top: 10%;
    right:0;
}

.QmhScroller 
{
	cursor:pointer;
	display:none;
	padding:10px;
	z-index:1;
	color: #d0d0d0;;
}

.QmhScroller:hover
{
	color: #a5a2a2;	
}

.QmhScroller > .fa
{
	text-align: center;
    vertical-align: bottom;
}

.QmhManagementTree
{
	display: inline-table;
}

.QmhManagmentTreeContainer::-webkit-scrollbar { width: 20px; background: #f1f1f1; }
.QmhManagmentTreeContainer::-webkit-scrollbar-track { background: #e8e8e8; }
.QmhManagmentTreeContainer::-webkit-scrollbar-thumb { background: #d4d4d4; }
.QmhManagmentTreeContainer::-webkit-scrollbar-thumb:hover { background: #c5c5c5; }
.QmhManagmentTreeContainer
{
	overflow-x: auto; 
	scrollbar-width: 20px; 
	-ms-overflow-style: auto; 
}

.QhmQuestionsLimitText
{	
	/* max-height: 40px; */
    overflow: hidden;
}

.QmhCollapseText
{
	color:#989696;
	display:none;
	cursor: pointer;
    padding: 5px;
    text-align: center;
}

.QmhCollapseText:hover
{
	color:black;
}

.QmhTaskPriorityBlock
{
	border:1px solid #e2dede; 
	padding:10px; 
	background: #f9f8f8; 
	margin-bottom:10px
}

.QmhPreformattedText
{
	white-space: pre-line;
	word-break: break-word;
}

TEXTAREA
{
	 resize:vertical;
	 min-height: 50px;
}

.QmhScrollArrowIcon
{
	cursor: pointer;
    display: inline-block;
    color: #687991;
    font-size: 32px;	
    transition: all .5s linear;
    opacity:0.7;
}
.QmhScrollArrowIcon:hover
{
	opacity:1;
}

.QmhArrowScroller
{
	position: absolute; 
	opacity: 0;
	bottom: 10px; 
	right: 10px; 
	display: none;
	transition: all .5s linear;
	z-index: 9999;
}

.QmhPLPHeader
{
	display: none;
	width: 90%;
    width: -moz-calc( 100% - 50px );
    width: -webkit-calc( 100% - 50px );
    width: calc( 100% - 50px );
    border-bottom: 1px solid lightgrey; 
}

@media only screen and (min-width: 1365px) 
{
	.minScreenSizeInfo
	{
		display:none;
	}
}

.ui-autocomplete 
{
	max-height: 150px;
	overflow-y: auto;
	overflow-x: hidden;
	border: 1px solid gray;
	background: #eef4fd;
}

.ui-state-focus 
{
	background: #87d4ff !important;
	border:none !important;
	color: black !important;
    font-weight: normal !important;
}

.QmhLayerButton.max.true
{
	background-color: #18abff;
    border: 1px solid #0e8fd8;
    z-index: 6;
}

.QmhLayerButton.max.true i
{
	color:white;
}
.QmhLayerButton.max.false i
{
	color:gray;
}

/* TODO,REMOVE:AXJM, NOT USED */
.pfmea_projects.pfmea_core, .active.pfmea_projects.pfmea_core, .dfmea_projects.dfmea_core, .active.dfmea_projects.dfmea_core, .pfmea_projects.pfmea_management, 
.pfmea_projects.pfmea_plans, .pfmea_projects.pfmea_gantt, .dfmea_projects.dfmea_plans, .dfmea_projects.dfmea_gantt
{
	background:#2bbbad !important;
	border-right: 1px solid #b7b7b7 !important;
}

/* TODO,REMOVE:AXJM, NOT USED */
.dfmea_projects.dfmea_management
{
	background:#2bbbad !important;
}

/* TODO,REMOVE:AXJM, NOT USED */
.pfmea_projects.pfmea_status_reports, .dfmea_projects.dfmea_status_reports
{
	background:#2bbbad !important;
}

/* TODO,REMOVE:AXJM, NOT USED */
.pfmea_projects.pfmea_flowchart, .dfmea_projects.dfmea_flowchart
{
	background:#33b5e5 !important;
	border-right: 1px solid #b7b7b7 !important;
}

/* TODO,REMOVE:AXJM, NOT USED */
.pfmea_projects.pfmea_structure, .dfmea_projects.dfmea_structure
{
	background:#33b5e5 !important;
}

/* TODO,REMOVE:AXJM, NOT USED */
.pfmea_projects.pfmea_functions, .dfmea_projects.dfmea_functions
{
	background:#a5a19b !important;
}

/* TODO,REMOVE:AXJM, NOT USED */
.pfmea_projects.pfmea_failures, .dfmea_projects.dfmea_failures
{
	background:#bd2a44 !important;
}

/* TODO,REMOVE:AXJM, NOT USED */
.pfmea_projects.pfmea_risks, .dfmea_projects.dfmea_risks
{
	background:#ea971c !important;
}

/* TODO,REMOVE:AXJM, NOT USED */
.pfmea_projects.pfmea_controlling, .dfmea_projects.dfmea_controlling
{
	background:#067b70 !important;	
}

/* TODO,REMOVE:AXJM, NOT USED */
.pfmea_projects.pfmea_archive, .dfmea_projects.dfmea_archive
{
	background:#1c59bd !important;
}

/* TODO,REMOVE:AXJM, NOT USED */
@media ( min-width : 1401px) {
	.pfmea_projects.pfmea_controlling::after, .dfmea_projects.dfmea_controlling::after { border-color: transparent transparent transparent #067b70; }
	.pfmea_projects.pfmea_risks::after, .dfmea_projects.dfmea_risks::after { border-color: transparent transparent transparent #ea971c; }
	.pfmea_projects.pfmea_failures::after, .dfmea_projects.dfmea_failures::after{ border-color: transparent transparent transparent #bd2a44; }
	.pfmea_projects.pfmea_functions::after, .dfmea_projects.dfmea_functions::after{ border-color: transparent transparent transparent #a5a19b; }
	.pfmea_projects.pfmea_structure::after, .dfmea_projects.dfmea_structure::after{ border-color: transparent transparent transparent #33b5e5; }
	.pfmea_projects.pfmea_management::after, .dfmea_projects.dfmea_management::after{ border-color: transparent transparent transparent #2bbbad; }
	.pfmea_projects.pfmea_status_reports::after, .dfmea_projects.dfmea_status_reports::after{ border-color: transparent transparent transparent #2bbbad; }
	.pfmea_projects.pfmea_status_reports::after, .pfmea_projects.pfmea_structure::after, .pfmea_projects.pfmea_functions::after, .pfmea_projects.pfmea_failures::after, .pfmea_projects.pfmea_risks::after, .pfmea_projects.pfmea_controlling::after, 
	.dfmea_projects.dfmea_status_reports::after, .dfmea_projects.dfmea_management::after, .dfmea_projects.dfmea_structure::after, .dfmea_projects.dfmea_functions::after, .dfmea_projects.dfmea_failures::after, .dfmea_projects.dfmea_risks::after, .dfmea_projects.dfmea_controlling::after
	{
		content: "";
		display: inline-block;
		border-width: 20px;
		border-style: solid;
		width: 0px;
		height: 0px;
		left: 100%;
		top: 0;
		position: absolute;
		z-index: 1;
	}
	li.pfmea_projects, li.dfmea_projects{ border-right: 20px solid #ffffff !important; }
	li.pfmea_projects:last-of-type, li.dfmea_projects:last-of-type{ border-right: none !important; }	
}

/* TODO,REMOVE:AXJM, NOT USED */
li.pfmea_projects > a, li.pfmea_projects  i, li.pfmea_projects.active >a,  li.dfmea_projects > a, li.dfmea_projects  i, li.dfmea_projects.active >a 
{
	color:white !important;	
	background: inherit !important;	
}

/* TODO,REMOVE:AXJM, NOT USED */
li.pfmea_projects > a, li.dfmea_projects > a
{
	padding-bottom:8px !important;
	margin-left: 0px !important;
}

/* TODO,REMOVE:AXJM, NOT USED */
li.pfmea_projects.active, li.pfmea_projects:hover, li.dfmea_projects.active, li.dfmea_projects:hover
{
	border-bottom:none !important;	   
}

/* TODO,REMOVE:AXJM, NOT USED */
li.pfmea_projects.active > a,li.pfmea_projects.active > a:hover, li.dfmea_projects.active > a,li.dfmea_projects.active > a:hover
{
	border-bottom:4px solid #F3565D !important;
}

/* TODO,REMOVE:AXJM, NOT USED */
li.pfmea_projects > a:hover, li.dfmea_projects > a:hover
{
	border-bottom:4px solid #fbcdcf !important;
}

/* TODO,REMOVE:AXJM, NOT USED */
.tableDropdownColor
{
	appearance: menulist !important;
	-webkit-appearance: menulist !important;
   -moz-appearance: menulist !important;
	background: none;
	outline: none;
}

/* TODO,REMOVE:AXJM, NOT USED */
.tableDropdownColor:disabled
{
	appearance: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
}

/* TODO,REMOVE:AXJM, NOT USED */
.tableDropdownColor.Gray, option.tableDropdownColor[value^=Gray]
{
	background-color: gray;
	border-radius: 20px !important;
	border-color: none;
	border: none;
	outline: none;
}

/* TODO,REMOVE:AXJM, NOT USED */
.tableDropdownColor.Red, option.tableDropdownColor[value^=Red]
{
	background-color: red;
	border-radius: 20px !important;
	border-color: none;
	border: none;
	outline: none;
}

/* TODO,REMOVE:AXJM, NOT USED */
.tableDropdownColor.Yellow, option.tableDropdownColor[value^=Yellow]
{
	background-color: yellow;
	border-radius: 20px !important;
	border-color: none;
	border: none;
	outline: none;
}

/* TODO,REMOVE:AXJM, NOT USED */
.tableDropdownColor.Green, option.tableDropdownColor[value^=Green]
{
	background-color: green;
	border-radius: 20px !important;
	border-color: none;
	border: none;
	outline: none;
}

.MarkSelection{ float: left; width: 120px; text-align: center; margin: 10px 0; padding: 5px 20px; overflow-wrap: break-word; word-wrap:break-word; height: 125px; overflow: hidden; }
.MarkSelection.selected { background-color: #e5e5e5; }
.MarkSelection.relative { position: relative; }
.page-header.navbar { background: #ffffff; }
.page-header.navbar .page-logo .logo-default { margin: 10px 0px; height: 55px; }
.page-content-wrapper .page-content { padding: 20px; }
.portlet.light { padding: 0px; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle { background-color: transparent; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover { background-color: transparent; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle { background-color: transparent; }
.control-label { overflow: hidden; wrap: no-wrap; word-wrap: no-wrap; white-space: nowrap; text-overflow: ellipsis; margin-bottom: -2px; margin-top: 5px;}
Font.resp { font-size: 1em; }
.neo-dialog-600{ width: 600px !important; margin-left: -300px !important; }
.jstree-default .jstree-ellipsis .jstree-anchor { width: 90%; width: -webkit-calc( 100% - 24px ); width: -moz-calc( 100% - 24px ); width: calc( 100% - 24px ); }
.jstree-default .jstree-clicked { background-color: #b1e1fd; }
.vakata-context li > a { line-height: 1.6em; }
.vakata-context, .vakata-context ul { box-shadow: 5px 5px rgba(22, 22, 22, 0.3); padding: 10px; border: 1px solid #a29e9e; }
table.google-visualization-orgchart-table { border-collapse: separate; }
.modal-backdrop, .modal-backdrop.fade.in { opacity: 0.2; }
.jstree-grid-separator-regular { border-color: transparent !important; border-style: none !important; }
.jstree-grid-separator { border-width: 0 !important;}
.jstree-grid-header-regular { background-color: transparent !important; }
.jstree-grid-header-cell { padding: 5px; font-weight: bold; }
.jstree-grid-cell { padding-left: 5px !important; }
.jstree-grid-wrapper { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==) left top repeat; background-size: 100% 48px; background-position: 0 -3px; }
#treea_chart g text { font-family: "Open Sans", sans-serif !important; font-size: 13px !important; }
.control-label.medium { font-size: 12px !important; }
.portlet-sortable-placeholder { padding: 10px; margin-bottom: 10px; border: 1px dashed #86c3d2; background-color: #dff9ff; }
.portlet { margin-bottom: 0px; }
.flowchart-disable { color: red; display: inline-block; }
.portlet > .portlet-title > .nav-tabs > li { height: 40px; }
.jstree-grid-column { border-left: 1px solid #e8e8e8; } 
.jstree-grid-column-7 { border-left: 1px solid #e8e8e8; } 
.jstree-grid-column-0 { border-left: 0; } 
.jstree-grid-header { font-size: 13px; text-decoration: underline;  }
.jstree-neo-italic { font-style: italic; color: #ffa536; } 
.jstree-neo-italic::before { content: '\0291E\0020'; font-size: 16px; color: #ffa536; }
.jstree-neo-cell span { border-bottom: 1px dashed lightgray; display: block; height: 21px; }
.page-sidebar .page-sidebar-menu > li > a { padding: 3px 15px; }
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a { min-height: 28px; }
.input-group-btn.splitter { width: 1px; background: lightgray; } 
.form-control.no-border-right { border-right: none; }
.form-control.no-border-left { border-left: none; }

/* remove spinner in number inputds */
INPUT::-webkit-outer-spin-button,
INPUT::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
INPUT[type=number] { -moz-appearance: textfield; }
SELECT.form-control { padding-top: 5px; }
SELECT.form-control.fixed-height-34 { max-height: 34px;}

/* overwritten theme disabled button colors */
.red.btn.disabled, 
.red.btn.disabled:hover, 
.red.btn.disabled:focus, 
.red.btn.disabled:active, 
.red.btn.disabled.active, 
.red.btn[disabled], 
.red.btn[disabled]:hover, 
.red.btn[disabled]:focus, 
.red.btn[disabled]:active, 
.red.btn[disabled].active, 
fieldset[disabled] .red.btn, 
fieldset[disabled] .red.btn:hover, 
fieldset[disabled] .red.btn:focus, 
fieldset[disabled] .red.btn:active, 
fieldset[disabled] .red.btn.active,
.green.btn.disabled, 
.green.btn.disabled:hover, 
.green.btn.disabled:focus, 
.green.btn.disabled:active, 
.green.btn.disabled.active, 
.green.btn[disabled], 
.green.btn[disabled]:hover, 
.green.btn[disabled]:focus, 
.green.btn[disabled]:active, 
.green.btn[disabled].active, 
fieldset[disabled] .green.btn, 
fieldset[disabled] .green.btn:hover, 
fieldset[disabled] .green.btn:focus, 
fieldset[disabled] .green.btn:active, 
fieldset[disabled] .green.btn.active, 
.blue.btn.disabled, 
.blue.btn.disabled:hover, 
.blue.btn.disabled:focus, 
.blue.btn.disabled:active, 
.blue.btn.disabled.active, 
.blue.btn[disabled], 
.blue.btn[disabled]:hover, 
.blue.btn[disabled]:focus, 
.blue.btn[disabled]:active, 
.blue.btn[disabled].active, 
fieldset[disabled] .blue.btn, 
fieldset[disabled] .blue.btn:hover, 
fieldset[disabled] .blue.btn:focus, 
fieldset[disabled] .blue.btn:active, 
fieldset[disabled] .blue.btn.active, 
.yellow.btn.disabled, 
.yellow.btn.disabled:hover, 
.yellow.btn.disabled:focus, 
.yellow.btn.disabled:active, 
.yellow.btn.disabled.active, 
.yellow.btn[disabled], 
.yellow.btn[disabled]:hover, 
.yellow.btn[disabled]:focus, 
.yellow.btn[disabled]:active, 
.yellow.btn[disabled].active, 
fieldset[disabled] .yellow.btn, 
fieldset[disabled] .yellow.btn:hover, 
fieldset[disabled] .yellow.btn:focus, 
fieldset[disabled] .yellow.btn:active, 
fieldset[disabled] .yellow.btn.active,
.purple.btn.disabled, 
.purple.btn.disabled:hover, 
.purple.btn.disabled:focus, 
.purple.btn.disabled:active, 
.purple.btn.disabled.active, 
.purple.btn[disabled], 
.purple.btn[disabled]:hover, 
.purple.btn[disabled]:focus, 
.purple.btn[disabled]:active, 
.purple.btn[disabled].active, 
fieldset[disabled] .purple.btn, 
fieldset[disabled] .purple.btn:hover, 
fieldset[disabled] .purple.btn:focus, 
fieldset[disabled] .purple.btn:active, 
fieldset[disabled] .purple.btn.active,
.blue-madison.btn.disabled, 
.blue-madison.btn.disabled:hover, 
.blue-madison.btn.disabled:focus, 
.blue-madison.btn.disabled:active, 
.blue-madison.btn.disabled.active, 
.blue-madison.btn[disabled], 
.blue-madison.btn[disabled]:hover, 
.blue-madison.btn[disabled]:focus, 
.blue-madison.btn[disabled]:active, 
.blue-madison.btn[disabled].active, 
fieldset[disabled] .blue-madison.btn, 
fieldset[disabled] .blue-madison.btn:hover, 
fieldset[disabled] .blue-madison.btn:focus, 
fieldset[disabled] .blue-madison.btn:active, 
fieldset[disabled] .blue-madison.btn.active,
.green-jungle.btn.disabled, 
.green-jungle.btn.disabled:hover, 
.green-jungle.btn.disabled:focus, 
.green-jungle.btn.disabled:active, 
.green-jungle.btn.disabled.active, 
.green-jungle.btn[disabled], 
.green-jungle.btn[disabled]:hover, 
.green-jungle.btn[disabled]:focus, 
.green-jungle.btn[disabled]:active, 
.green-jungle.btn[disabled].active, 
fieldset[disabled] .green-jungle.btn, 
fieldset[disabled] .green-jungle.btn:hover, 
fieldset[disabled] .green-jungle.btn:focus, 
fieldset[disabled] .green-jungle.btn:active, 
fieldset[disabled] .green-jungle.btn.active
{ background-color: #ccc; color: #333; }
INPUT.ajax { font-style: italic; color: lightgray; }
TEXTAREA.ajax { font-style: italic; color: lightgray; }
SELECT.ajax { font-style: italic; color: lightgray; }

/* milestone chart */
.mst-container
{
	position: relative;
	height: 300px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}

.mst-timeline
{
	position: absolute;
	bottom: 0px;
    width: 100%;
	z-index: 2;
}

.mst-timeline .mst-block
{
	float: left;
	height: 45px;
	vertical-align: top;
	text-align: center;
	padding: 5px 0; 
	background-image: linear-gradient(#1BB7E1, #61D1F0, #1BB7E1);
	color: #BEEDFA;
	font-size: 12px;
	font-weight: bold;
	border-right: 1px solid #61D1F0;
}
.mst-timeline .mst-block.first { margin-left: -30px; width: 30px; border-top-left-radius: 30px !important; border-bottom-left-radius: 30px !important; }
.mst-timeline .mst-block.last { margin-right: -30px; width: 30px; border-top-right-radius: 30px !important; border-bottom-right-radius: 30px !important; }

.mst-diamond
{
	position: absolute;
	bottom: 35px;
	transform-origin: bottom left;
	transform: rotate(-45deg);
	background-color: red;
	width: 15px; height: 15px;
	z-index: 3;
}

.mst-line
{
	position: absolute;
	bottom: 45px; width: 1px; 
	display: inline-block;
	border-left: 1px dotted red;
	z-index: 1;
}

.mst-text
{
	position: absolute;
	bottom: 45px; width: 150px;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	margin-left: -75px;
	z-index: 2;
}

.mst-date
{
	position: absolute;
	bottom: 45px; width: 70px;
	font-size: 11px;
	text-align: center;
	margin-left: -35px;
	margin-top: 15px;
	z-index: 3;
}

.mst-content
{
	background-color: white;
}

TABLE.neo { table-layout: fixed; width: 100%; }
TABLE.neo TR { border-bottom: 1px solid #e6e6e6; }
TABLE.neo TR.even { background-color: #f5f5f5; }
TABLE.neo TR:hover { background-color: #F3EF85; }
TABLE.neo TR.loading { background-color: #D8D8D8; }
TABLE.neo TR.selected { background-color: #DAD779; }
TABLE.neo TR.pointer { cursor: pointer; }
TABLE.neo TD { padding: 6px; }
TABLE.neo TH { padding: 6px; background-color: #ffffff !important; border-bottom: 1px solid lightgray; }

TABLE.holidays TD { padding: 3px 20px; }
TABLE.holidays TD.country { font-size: 16px; font-weight: bold; }
TABLE.holidays TD.even { background-color: #f5f5f5; }

.ProductPriceSelection.selected { background-color: #5b9bd1 !important; }
.ProductPriceSelection.selected a { color: white; }

COLGROUP .right-dashed-border { border-right: 1px dashed lightgray; }
COLGROUP .right-solid-border { border-right: 1px solid lightgray; }

.neo-row { margin-right: -5px; margin-left: -5px; }
.neo-row .neo-col { padding-right: 5px; padding-left: 5px; }

.MediaLibrary span.MediaList { display: block; }	
.MediaLibrary SPAN.MeetingMediaBlock
{ 
	clear: both;
	display: block;
	text-align: center;
	padding: 60px 30px;
	background: #f7f7f7; 
	min-height: 300px; 
	border: 1px dotted lightgray;
	color: gray; 
}	

.MediaLibrary SPAN.FolderSelection IMG { position: absolute; left: 10px; top: 10px; }
.MediaLibrary SPAN.FolderSelection DIV { position: absolute; left: 60px; right: 10px; top: 10px; font-size: 11px; }
.MediaLibrary SPAN.FolderSelection
{
    display: block;
    background-color: #f4f4f4;
    color: lightgray;
    border: 1px dotted lightgray;
    position: relative;
    cursor: pointer;
    min-height: 68px;
    color: gray;
    text-decoration: none;
    margin-bottom: 10px; 
}

.MediaLibrary SPAN.LibraryButtons
{ 
	text-align: right; 
	display: block; 
	background-color: #efefef;
	min-height: 28px;
	margin-bottom: 10px; 
}	

.MediaLibrary SPAN.LibraryButtons.DottedBorder
{	
	border: 1px dotted lightgray;
}

.traffic_group
{	
	background-color: #efefef;
	border-left: 3px solid white;
	display: inline-block;
	height: 28px;
	vertical-align: middle;
	padding: 5px 2px 5px 2px;
}

.traffic_group .traffic
{	
	border-radius: 50% !important;	
	margin: 0 3px 0 3px;
	width: 18px;
	height: 18px;
	border: 1px solid gray;
	background-color: ligthgrey;
	outline: none !important;
}

.traffic_group DIV.traffic{ float: left; }

.traffic_group .traffic:disabled { pointer-events:none; }
.traffic_group .traffic.red.selected { background-color: #f30e0e; border: 1px solid #820e0e; }
.traffic_group .traffic.red:hover { background-color: #f30e0e; border: 1px solid #820e0e; }
.traffic_group .traffic.yellow.selected { background-color: #f7eb0d; border: 1px solid #d8ce16; }
.traffic_group .traffic.yellow:hover { background-color: #f7eb0d; border: 1px solid #d8ce16; }
.traffic_group .traffic.green.selected { background-color: #22bd22; border: 1px solid #108010; }
.traffic_group .traffic.green:hover { background-color: #22bd22; border: 1px solid #108010; }

.MediaLibrary div.FolderContent  
{ 
	/* display: block; */
    /* text-decoration: none; */
    /* color: black; */
    /* float: left; */
    background: #f7f7f7;
    text-align: center;
    height: 160px;
    /* width: 19%; */
    /* margin: 0 1% 1% 0; */
    /* vertical-align: middle; */
    white-space: nowrap;
    position: relative;
    border: 1px dotted lightgray;
    margin-bottom: 10px; 
}

.MediaLibrary .FolderContent IMG 
{ 
	max-height: 70%;
    max-width: 70%;
    padding-top: 20%;
    margin: auto;
}

.MediaLibrary .FolderContent IMG.MediaOneDrive 
{ 
	position: absolute;
	top: 5px;
	left: 5px;
	padding-top: 0; 
	width: 25px;
}

.MediaLibrary .SpinnerLayer
{ 
	position: absolute;
	top: 0px; bottom: 0px;
	width: 100%;
	display: none;
	background: #f7f7f7; 
	text-align: center;
}

.MediaLibrary .SpinnerLayer IMG
{ 
	padding: 20px;
}

.MediaLibrary .FolderContent .FolderButton { display: none; }
.MediaLibrary .FolderContent:hover .FolderButton { display: block; }

.MediaLibrary .FolderContent SPAN.MediaName 
{ 
	display: block; 
	padding: 5px 15px; 
	text-align: center;
	font-size: 12px;
	font-weight:bold;
	position: absolute; 
	bottom: 15px; 
	width: 100%;
}

.MediaLibrary .FolderContent SPAN.MediaExtension
{ 
	display: block; 
	padding: 5px 15px; 
	text-align: center;
	font-size: 12px;
	position: absolute; 
	bottom: 2px; 
	width: 100%;
	text-transform: uppercase;
}

.MediaLibrary .FolderButton
{ 
	position: absolute;
	top: 0;
	right: 0;
}

.MeetingMedia div.FolderContent
{
	height: 150px !important;
	width: 10% !important;
}

.OneDriveIcon
{ 
	position: absolute;
	top: 0;
	right:0;
}

#MediaList
{
	position: relative;
}

.MediaListLoadingIndicator
{
	position: absolute;
	height: 300px;
	width: 800px;
	text-align: center;
}

.MediaListLoadingIndicatorHelper
{
  	display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.MediaListLoadingIndicator img
{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.OneDriveMedia ul.striped-list 
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.OneDriveMedia ul.striped-list > li 
{
    border-bottom: 1px solid rgb(221,221,221);
    padding: 6px;
}
.OneDriveMedia ul.striped-list > li:nth-of-type(odd) 
{
    background-color: #e9e9f9 ;
}
.OneDriveMedia ul.striped-list > li:last-child 
{
    border-bottom: none;
}

DIV.onedrive-uploader-progress-border
{
	border: 1px dotted lightgray;
	border-top: 0;
    background: #f4f4f4;
    color: gray;
    padding: 10px;
}

DIV.onedrive-uploader-progress
{
    left: 0px; top: 0px; width: 0px;
    display: none;
    text-align: right;
}

A.onedriveLink, A.onedriveLink:hover
{
	text-decoration: none;
}

/* adjusting bootstrap spacings between blocks */
.row.narrow { margin-right: -5px; margin-left: -5px; }
.row.narrow DIV[class^='col-'] { padding-right: 5px; padding-left: 5px; }
.row.narrower { margin-right: -2px; margin-left: -2px; }
.row.narrower.invitations { margin-bottom: 5px; }
.row.narrower DIV[class^='col-'] { padding-right: 2px; padding-left: 2px; }

/* banded rows */
.row.bordered DIV[class^='col-'] 
{ 
	border-bottom: 1px solid lightgray;
    background-color: #ffffff;
    padding: 0px 1px;
    min-height: 45px;
}

/* sortable menue */
#navigation_selection .sortable-menu, #institution_navigation_selection .sortable-menu { margin-right: -5px; margin-left: -5px; }
#navigation_selection .sortable-menu-item, #institution_navigation_selection .sortable-menu-item { position: relative; min-width: 200px; width: 25%; float: left; padding: 0 5px; margin-bottom: 10px; height: 80px; overflow: hidden; }
#navigation_selection .sortable-menu-item INPUT.sortable-menu-position, #institution_navigation_selection .sortable-menu-item INPUT.sortable-menu-position { position: absolute; color: gray; top: 3px; font-weight: bold; right: 10px; width: 50px; text-align: right; border: 0; background: 0; padding: 0; margin: 0; }
#navigation_selection .sortable-menu-placeholder, #institution_navigation_selection .sortable-menu-placeholder 
{ 
	border: 1px dashed #86c3d2; 
	margin-left: 5px; margin-right: 5px; 
	background-color: #dff9ff; 
	border-radius: 5px !important; 
	width: -moz-calc( 25% - 10px );
   	width: -webkit-calc( 25% - 10px );
   	width: calc( 25% - 10px );
	min-width: -moz-calc( 200px - 10px );
   	min-width: -webkit-calc( 200px - 10px );
   	min-width: calc( 200px - 10px );
   	height: 80px; 
   	overflow: hidden; 
}

/* block settings sub menue / content */
A.submenues.btn:hover { background-color: #f2f6f9 !important; color: #000; }
A.submenues.checked { border-left-color: #35aa47; opacity: 1; }
A.submenues
{ 
	width: 100%; 
	height: 80px; 
	border-radius: 5px !important; 
	border-left-width: 15px;
	border-left-color: #afafaf;
	text-align: left; 
	color: black; 
	white-space: normal;
	opacity: 0.4; 
	padding: 10px;
	border-top: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

A.submenues.disabled
{ 
	pointer-events: auto;
	opacity: 0.4; 
}

.QmhVisualTreeNavigation.rare { top: 0px; height: 66%; }
.QmhVisualTreeNavigation
{
	top: 46px; 
	height: 56%; 
	width: 200px; 
	position: absolute; 
	overflow: hidden;
}

.QmhVisualTreeNavigation .QmhVisualTreeNavigationImage
{
	top: 0px;
    left: 0;
    position: absolute;
    background-color: white;
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    width: 100%;
}

.QmhVisualTreeNavigation .QmhVisualTreeNavigationDraggable
{
	background-color: #18abff; 
	opacity: 0.4; 
	position: absolute; 
	cursor: pointer;
}

.QmhRatingBlock
{
	border: 1px solid lightgray;
    background-color: white;
    padding: 20px;
    min-height: 110px;
}

.QmhRatingBlock .QmhRatingBlockItem
{
	display: inline-block;
    position: relative;
    background-color: #f5f5f5;
    text-align: center;
    margin: 3px;
    padding: 10px 10px 10px 10px;
    border: 1px solid #d6d6d6;
    border-radius: 4px !important;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: #909090 5px 5px 5px;
    -moz-box-shadow: #909090 5px 5px 5px;
    box-shadow: 5px 5px 5px #909090;
}

.QmhRatingBlock .QmhRatingBlockItem A.QmhRatingBlockItemDelete
{
    display: block;
    position: absolute;
    right: -10px; top: -10px;
    color: white;
    font-weight: bold;
    background-color: red;
    text-decoration: none;
    z-index: 2;
    border-radius: 20px !important;
    width: 20px; height: 20px;
    cursor: pointer;
}

.QmhRatingBlock .QmhRatingBlockItem .QmhRatingBlockItemStars
{
	height: 24px; 
	vertical-align: middle; 
}

.QmhRatingBlock .QmhRatingBlockItem .QmhRatingBlockItemStars .fa-star
{
	padding: 2px;
	color: gray;
	font-size: 18px;
}

.QmhRatingBlock .QmhRatingBlockItem .QmhRatingBlockItemStars .fa-star.checked { color: #dede00; }
.QmhRatingBlock .QmhRatingBlockItem .QmhRatingBlockItemName { font-size: 11px; max-width: 200px; }

.QmhSkillRatingSelection { border: 1px solid lightgray; font-size: 14px; font-weight: normal; padding: 6px 12px; text-align: center; height: 34px; }

.QmhSkillRatingSelectionDiv { width: 20%; display: block; float: right; position:relative; }
.QmhSkillRatingSelection A.QmSkillRatingSelectionStar{ color: lightgray; }
.QmhSkillRatingSelection .QmhSkillRatingSelectionDiv:hover A,
.QmhSkillRatingSelection .QmhSkillRatingSelectionDiv:hover ~ .QmhSkillRatingSelectionDiv > A
{
	color: yellow !important;
}

.ProjectDialog .DropDownFilter 
{
	width: 100%; 
	border: 1px solid lightgray; 
	border-bottom: 0; 
	height: 65px; 
	background-color: #F8F8F8; 
	padding: 15px; 
	position: relative;
}

.ProjectDialog .DropDownFilter IMG.SearchSpinner
{
	position: absolute;
    right: 35px;
    top: 24px;
    width: 16px;
    height: 16px;
    display: none;
    z-index: 2; 
}

.ProjectDialog .SearchFilter 
{
	width: 100%; 
	border: 1px solid lightgray; 
	border-top: 0; 
	height: 65px; 
	background-color: #F8F8F8; 
	padding: 15px; 
	position: relative;
}

.ProjectDialog .SearchFilter IMG.SearchSpinner
{
	position: absolute; 
    right: 24px;
    top: 24px;
    width: 16px;
    height: 16px;
    display: none;
    z-index: 2; 
}

TD.actions.odd { border-bottom: 1px solid lightgray; background-color: #f7f7f7; padding: 0px 1px; }
TD.actions.even { border-bottom: 1px solid lightgray; background-color: #ffffff; padding: 0px 1px; }
TD.tasks.odd { border-bottom: 1px solid lightgray; background-color: #f7f7f7; padding: 11px 1px; line-height: 13px; }
TD.tasks.even { border-bottom: 1px solid lightgray; padding: 11px 1px; line-height: 13px; }
TD.tasks LABEL.control-label { font-size: 12px; color: #c1c1c1; padding-bottom: 2px; }
LABEL.control-label.underline {  border-bottom: 1px solid #e5e5e5; width: 100%; padding-bottom: 5px; }
A.btn.task { margin: 5px 8px 0px 0px; line-height: 1.3; max-width: 220px; }

.neo-table-footer .dropdown-menu
{
 	box-shadow: 4px 4px rgba(102, 102, 102, 0.3);
	border: 1px solid #cacaca;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !importan;
	-ms-border-radius: 4px !importan;
	-o-border-radius: 4px !importan;
	border-radius: 4px !importan;
}

.neo-table-footer .dropdown-menu li > SPAN,
.neo-table-footer .dropdown-menu li > A
{
    padding: 5px;
    color: #c0c0c0;
    text-decoration: none;
    display: block;
    clear: both;
    font-weight: 300;
    line-height: 18px;
    white-space: nowrap;
}

.neo-table-footer .dropdown-menu li > A 
{
	color: #555;
}

.neo-table-footer .dropdown.dropup > .dropdown-menu, 
.neo-table-footer .dropdown-toggle.dropup > .dropdown-menu, 
.neo-table-footer .btn-group.dropup > .dropdown-menu
{
	padding: 10px;
}

.neo-table-footer .dropdown-menu li > a:hover,
.neo-table-footer .dropdown-menu .active > a,
.neo-table-footer .dropdown-menu .active > a:hover
{
	text-decoration: none;
	background-image: none;
	background-color: #e1e1e1;
	color: #555;
	filter: none;
}

.btn-group BUTTON.dropdown-toggle { border-left: 1px solid white; }

.VertecImportDialogBody.modal-body .table .row
{
	display: block; 
	border-bottom: 1px solid lightgray; 
	padding: 9px; 
	min-height: 36px;
	margin-left: 0;
	margin-right: 0;'
}
.VertecImportDialogBody.modal-body .table .row.odd { background-color: rgb(247 246 242); }
.VertecImportDialogBody.modal-body .table .row.header { text-align:center; }

.VertecImportDialogHeader { padding: 0 15px 0 15px !important; }
.VertecImportDialogHeader .table .row { padding: 9px; min-height: 36px; }
.VertecImportDialogHeader .table .row.letters { padding: 9px; text-align:center; }
.VertecImportDialogHeader .table .row.letters A, 
.VertecImportDialogHeader .table .row.letters SPAN  { padding: 9px; }
.VertecImportDialogHeader .table .row.letters SPAN  { color: lightgray; }
.VertecImportDialogHeader .table .row.row-header { background-color: #f5f5f5; position: relative; border-bottom: 1px solid lightgray; }
.VertecImportDialogHeader .table .row.row-header DIV.search { position: relative; display:inline-block; }
.VertecImportDialogHeader .table  IMG.VertecSearchSpinner 
{ 
	position: absolute; 
    width: 16px;
    display: none;
    z-index: 2; 
    top: 10px;
    right: 20px;
}

DIV.blue div.checker span { background-image: url( /javax.faces.resource/metronic_v3.6.2/assets/global/plugins/uniform/images/sprite.blue.png.xhtml?ln=themes ); }
DIV.dotted div.checker span { background-image: url( /javax.faces.resource/metronic_v3.6.2/assets/global/plugins/uniform/images/sprite.dotted.png.xhtml?ln=themes ); }

.VertecScroller { position: relative; }
.VertecScroller I
{
	bottom: 0;
	height: 60px;
	color: #687991;
    font-size: 32px;
    opacity: 0.7;
    position: absolute;
    right: 2%;
}

#VertecCompanyList .row INPUT[ type="radio" ] { margin-left: -9px; }

#series_chart_div .google-visualization-tooltip > .google-visualization-tooltip-item-list > .google-visualization-tooltip-item:nth-child(5) 
{
  display: none;
  visibility: hidden;
}

.capacity TABLE TH { padding: 4px 2px 4px 2px;; border-bottom: 1px solid gray; }
.capacity TABLE TD { padding: 4px 2px 4px 2px;; border-bottom: 1px solid lightgray; }
.capacity TABLE TD INPUT.form-control { border: 0; padding-left: 0; }
.capacity TABLE TD INPUT.form-control:disabled { border: 0; padding-left: 5px; }