body.modal-open 
{
    overflow: hidden;
}

body 
{ 
	background-color: rgb(249, 249, 249);
	font-family: myriad-pro-semi-condensed, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 20px;
}
@media (max-width: 768px) 
{ 
	body{ font-size: 18px; }
	div.portlet-body { margin-left: 0px; margin-right: 0px; }
	.InterpalContentBlock DIV { padding: 10px 20px; }
	.InterpalContentBlockWorkflow H2 { font-size: 1.1em; }
	.dashboard { position: absolute; right: 23px; top: 5px; }
} 
@media (min-width: 768px) 
{ 
	body{ font-size: 18px; }
	div.portlet-body { margin-left: 0px; margin-right: 0px; }
	.InterpalContentBlock DIV { padding: 10px 150px; }
	.dashboard { position: absolute; right: 10px; top: 10px; }
}
@media (min-width: 992px) 
{ 
	body{ font-size: 18px; }
	div.portlet-body { margin-left: 20px; margin-right: 20px; }
	.InterpalContentBlock DIV { padding: 10px 80px; }
	.dashboard { position: absolute; right: 10px; top: 10px; }
}
@media (min-width: 1200px) 
{ 
	body{ font-size: 18px; }
	div.portlet-body { margin-left: 20px; margin-right: 20px; }
	.InterpalContentBlock DIV { padding: 10px 25px; }
	.dashboard { position: absolute; right: 10px; top: 10px; }
}

.login {
    background-color: #fff !important;
}

INPUT, SELECT, TEXTAREA { outline: none; }

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

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

div.boxMultiline
{
	font-size: 11px;
	font-weight: bold;
}

div.qmh_page_blocks_iframe_wrapper
{
	width: 100%; 
	overflow: hidden;
}

iframe.qmh_page_blocks_iframe
{
	width: 100%; 
}

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;
}

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;
}

td.timeframe_green
{
	background-color: #1fc8b0; 
	border-left: 1px solid gray; 
	border-right: 1px solid gray; 
	cursor: pointer;
}

td.timeframe_green_bottom
{
	background-color: #1fc8b0; 
	border-bottom: 1px solid gray; 
	border-left: 1px solid gray; 
	border-right: 1px solid gray;
}

td.timeframe_green_bottom_dashed
{
	background-color: #1fc8b0; 
	border-bottom: 1px dashed black; 
	border-left: 1px solid gray; 
	border-right: 1px solid gray;
}

td.timeframe_green_bottom_end
{
	background-color: #1fc8b0; 
	border-bottom: 1px solid gray; 
	border-left: 1px solid gray; 
	border-right: 1px solid gray;
}

td.timeframe_gray
{
	background-color: lightgray; 
	border-bottom: 1px dashed black; 
	border-left: 1px solid gray; 
	border-right: 1px solid gray;
}

td.timeframe_gray_top
{
	background-color: lightgray; 
	border-top: 1px dashed black; 
	border-left: 1px solid gray; 
	border-right: 1px solid gray;
}

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;
}

select.newsletterSeries
{
	width: 30px; height: 25px;
	text-align: center; 
	border: 1px solid lightgray; 
	font-size: 14px; 
	padding: 2px; 
	margin: 4px 4px 0px 0px;
}

div.newsletterSeries
{
	float:left;
	border: 1px solid lightgray; 
	width: 130px; 
	background: #f0f0f0; 
	padding: 3px 10px;
	margin: 2px 4px 2px 0px;
}

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;
}

.table_header_icon
{
	color: lightgray;
    position: absolute;
    top: 0;
    left: 0px;
}

.table_header_spinner
{
	color: lightgray;
    position: absolute;
    top: 0;
    right: 10px;
}

.table_cell_content
{
	padding-left: 3px; 
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    width: -moz-calc( 100% - 22px );
   	width: -webkit-calc( 100% - 22px );
   	width: calc( 100% - 22px );
}
div.trafficeLightRedOn
{
	border: 2px solid #B40404;
	background-color: #FF0000;
}

div.trafficeLightYellowOn
{
	border: 2px solid #AEB404;
	background-color: #D7DF01;
}

div.trafficeLightGreenOn
{
	border: 2px solid #04B404;
	background-color: #01DF01;
}

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;
}

div.newsletterHistoryProcessbarProcess
{
	height: 10px;
	-webkit-border-radius: 6px !important;
  	-moz-border-radius: 6px !important;
  	border-radius: 6px !important;
  	background-color: lightgreen;
	overflow: hidden;
}

img.InterpalDynamicImageLoadingMiddle
{
	border: 1px solid lightgray;
	-webkit-border-radius: 10px !important;
  	-moz-border-radius: 10px !important;
  	border-radius: 10px !important;
	background-color: #ffffff;
	padding: 35px;
}

img.InterpalDynamicImageLoading16
{
	border: 1px solid lightgray;
	-webkit-border-radius: 10px !important;
  	-moz-border-radius: 10px !important;
  	border-radius: 10px !important;
	background-color: #ffffff;
	padding: 0px;
}

img.InterpalDynamicImageLoading32
{
	border: 1px solid lightgray;
	-webkit-border-radius: 10px !important;
  	-moz-border-radius: 10px !important;
  	border-radius: 10px !important;
	background-color: #ffffff;
	padding: 8px;
}

img.InterpalDynamicImageLoading66
{
	border: 1px solid lightgray;
	-webkit-border-radius: 10px !important;
  	-moz-border-radius: 10px !important;
  	border-radius: 10px !important;
	background-color: #ffffff;
	padding: 24px;
}

img.InterpalDynamicImageLoading96
{
	border: 1px solid lightgray;
	-webkit-border-radius: 10px !important;
  	-moz-border-radius: 10px !important;
  	border-radius: 10px !important;
	background-color: #ffffff;
	padding: 35px;
}

img.InterpalDynamicImageLoading128
{
	border: 1px solid lightgray;
	-webkit-border-radius: 10px !important;
  	-moz-border-radius: 10px !important;
  	border-radius: 10px !important;
	background-color: #ffffff;
	padding: 51px;
}

.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: myriad-pro-semi-condensed, sans-serif;
	font-style: normal;
	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: myriad-pro-semi-condensed, sans-serif;
	font-style: normal;
	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: myriad-pro-semi-condensed, sans-serif;
	font-weight: 300;
	font-style: normal;
}

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

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

DIV.neo-uploader-progress-text
{
	position: absolute;
    left: 0px; top: 0px; width: 100%;
    padding: 7px;
    height: 30px;
	font-family: myriad-pro-semi-condensed, sans-serif;
	font-weight: 300;
	font-style: normal;
	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: 30px;
    display: none;
    text-align: right;
}

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%;
}

.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: rgba( 0, 0, 0, 0.5 ) 3px 3px 3px;
}

.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;
    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;
}

.InterpalLayerButton
{
	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: rgba( 0, 0, 0, 0.5 ) 4px 4px 4px;
    background-color: white;
    z-index: 1;
}

.InterpalLayerButton.max
{
	padding: 0px;
}

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

.InterpalLayerButton.green, .InterpalLayerButton.max.green
{
	background-color: #35aa47;
	color: white;
	border: 1px solid #20772d; 
	-webkit-box-shadow: #10561a 4px 4px 4px;
    -moz-box-shadow: rgba( 0, 0, 0, 0.5 ) 4px 4px 4px;
}

.InterpalLayerButton.blue, .InterpalLayerButton.max.blue
{
	background-color: #18abff;
	color: white;
	border: 1px solid #0e8fd8; 
	-webkit-box-shadow: #0973af 4px 4px 4px;
    -moz-box-shadow: rgba( 0, 0, 0, 0.5 ) 4px 4px 4px;
}

.InterpalLayerButton.gray, .InterpalLayerButton.max.gray
{
	background-color: lightgray;
	color: black;
	border: 1px solid gray; 
	-webkit-box-shadow: gray 4px 4px 4px;
    -moz-box-shadow: rgba( 0, 0, 0, 0.5 ) 4px 4px 4px;
}

.InterpalContentDialog
{
	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: rgba( 0, 0, 0, 0.5 ) 6px 6px 6px;
    z-index: 6;
}

.QmDynamicDialogField
{
	display: none;
}

.InterpalTreeInlineDialog
{
	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: rgba( 0, 0, 0, 0.5 ) 3px 3px 3px;
    border-radius: 10px !important;
    padding: 10px;
    display: none;
}

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

.InterpalTableTreeButtons
{
	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: 1;
    text-align: center;
}

.InterpalTableTreeButtons:hover
{
	width: 31px;
    -webkit-box-shadow: #50542a 4px 4px 4px;
    -moz-box-shadow: rgba( 0, 0, 0, 0.5 ) 4px 4px 4px;
    background-color: white;
    border: 1px solid lightgray;
    opacity: 1;
}

.InterpalTableTreeButtons I.fa
{
	color: gray; 
	cursor: pointer;
	margin: 0px 5px;
}

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

.InterpalTreeManagementStatus.Red { background-color: #ff4b4b; border: 1px solid #e23131; }
.InterpalTreeManagementStatus.Yellow { background-color: #eef100; bordeR: 1px solid #c3c503;}
.InterpalTreeManagementStatus.Green { background-color: #2CB42C; border: 1px solid #168e16; }
.InterpalTreeManagementStatus.Gray { background-color: #d3d5d8; border: 1px solid #B9BABD; }

/* org chart style */
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: 200px;
    z-index: 99999;
    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: rgba( 0, 0, 0, 0.5 ) 3px 3px 3px;
}

.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, .TableTreeDetails
{
	position: absolute; 
	display: none;
	top: 10px; right: 60px; bottom: 30px; 
	width: 70%; 
	width: -moz-calc( 100% - 70px );
	width: -webkit-calc( 100% - 70px );
	width: calc( 100% - 70px );
  	max-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: rgba( 0, 0, 0, 0.5 ) 6px 6px 6px;
}

.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; 
}

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

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

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

.InterpalProjectFormButton:hover
{
	color: white !important;
	background-color: #4b8df8 !important;
	border: none !important;
	padding: 0 5px;
}

A.InterpalProjectFormField
{
	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;
}

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

DIV.InterpalDropDownList
{
	position: absolute; 
	left: 0px; width: 100%; 
	max-height: 150px; 
	border: 1px solid gray;
	background: #eef4fd;
	z-index: 1;
	overflow: auto;
}

DIV.InterpalDropDownList DIV
{
	cursor: pointer;
	padding: 2px;
}

DIV.InterpalDropDownList DIV:hover
{
	background: #87d4ff;
}

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

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

A.InterpalProjectFormField.red
{
	color: red;
}

A.InterpalProjectFormField.blue
{
	color: blue;
}

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

A.InterpalProjectFormField: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;
}

/* some overwriting from metronic */
@media ( max-width: 480px ) 
{ 
	.login .content { width: 90%; } 
}

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%;
	}
}

.qmh_status_report_header
{
	background-color: #B14021 !important; 
	color: white; 
	padding: 1px;
}
.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^=red_]
{
	color: red;
}

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

.InterpalGanttChartRow, .InterpalGanttChartLegend
{
	position: relative; 
	height: 40px;
	padding: 10px;
}

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

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

.InterpalGanttChartRow .title
{
	position: absolute;
	left: 10px; top: 10px; 
	height: 20px; width: 20%;
}

.InterpalGanttChartRow .grid, .InterpalGanttChartLegend .grid
{
	position: absolute;
	left: 20%; top: 0px; 
	height: 40px; width: 80%;
}

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

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

.InterpalGanttChartLegend .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;
}

.InterpalGanttChartRow .chart
{
	position: absolute;
	left: 20%; top: 10px; 
	height: 20px; width: 80%;
}

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

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


input::-ms-clear, input::-ms-reveal {
    display: none;
}
.MarkSelection{ float: left; width: 100px; text-align: center; margin: 10px 0; padding: 10px 5px; }
.MarkSelection.selected { background-color: #a1d8f7; }
.page-header.navbar { background: #ffffff; }
.page-header.navbar .page-logo .logo-default { margin: 10px 0px; height: 55px; }
.page-content-wrapper .page-content { padding: 0px; }
.portlet.light { padding: 0px; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle { background-color: #eee; }
.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; }
.control-label.medium { font-size: 12px !important; }
.login .content { background-color: #ffffff; } 
.login .content p, .login .content label { color: #666; font-size: 14px; }
.login .content h3 { color: #666; border-bottom: 1px solid lightgray; margin-bottom: 10px; } 
.note { font-size: 14px; }
.note p { font-size: 16px; }
.menu-item { color: #79bb1c !important; font-size: 16px; font-weight: bold; text-transform: uppercase; }
.menu-item-pallet-accounting { color: #808080 !important; font-size: 16px; font-weight: bold; text-transform: uppercase; }
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { font-family: myriad-pro-semi-condensed, sans-serif !important; font-weight: 300; font-style: normal; color: #cecece; }
.datepicker table tr td, .datepicker table tr th { font-family: myriad-pro-semi-condensed, sans-serif !important; font-weight: 300; font-style: normal; }
.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { background-color: white; border: 1px solid #b4b4b4; }
.green.btn { background-color: #76ba16; }
.toast { font-size: 16px; }
.green.btn:hover, .green.btn:focus, .green.btn:active, .green.btn.active { background-color: #65981c; }
.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
{
	background-color: #bad890;
}

h1, h2, h3, h4, h5, h6 
{
    font-family: myriad-pro-semi-condensed, sans-serif;
	font-weight: 300;
	font-style: normal;
}

h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

@media (min-width: 992px) 
{
	.page-sidebar-wrapper { display: none; }
  	.page-content-wrapper .page-content { margin-left: 0px; }
  	.page-header.navbar .menu-toggler.responsive-toggler { display: none; }
  	.DataEditingToggler { display: none; }
}

@media (max-width: 767px)
{
	.page-header.navbar { border-bottom: 0px; }
	.top-menu-buttons { display: none; }
  	.page-header.navbar .menu-toggler.responsive-toggler { display: block; }
  	.DataEditingToggler { display: block; }
	.header_help span { text-align: center; display: block; }
}

@media (max-width: 480px)
{
	.page-header.navbar .top-menu
 	{
    	clear: none;
	}
}

.top-menu-buttons-button
{
	padding: 5px;
	margin: 10px;
	text-transform: uppercase;
	font-size: 24px;
	color: gray;
}

.userIntitialIcon
{
	border: 1px solid lightgray;
    height: 37px;
    width: 37px;
    float: left;
    color: white;
    margin-left: 5px;
    margin-right: 5px;
    margin: auto;
    margin-top: -6px;
    text-align: center;
    padding-top: 7px;
    background: #79bb1c;
    font-size: 14px;
    font-weight: bold;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > i 
{
  	display: inline-block;
  	margin: 0;
  	margin-top: 22px;
  	font-size: 14px;
  	font-weight: 600;
}

A { color: #79bb1c; text-decoration: none; }

/* normal */
a.pallet-accounting-menu 
{
	 color: #808080;
	 text-decoration: none; 
}

a:hover.pallet-accounting-menu
{
    color: #5b9bd1;
    background-color: transparent;
    text-decoration: underline;
}

.InterpalTopMenu 
{ 
	position: absolute; 
	left: 70px; right: 70px; 
	top: 20px; 
	margin: auto;
	text-align: center;
}
.DataEditingToggler 
{
	display: none; 
    cursor: pointer;
    filter: alpha(opacity=70);
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center;
   	background-image: url( "/interpal_b2b/javax.faces.resource/metronic_v3.6.2/assets/admin/layout4/img/sidebar-toggle-light.png.xhtml?ln=themes" );
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover { background-color: #e9ecf3; }
.nav .open>a { background-color: transparent !important; }
.page-content { background-color: transparent !important; }
.backstretch{ opacity: 0.1; }

.InterpalContentBlock
{
	padding: 10px;  
	background-color: white;
	color: #79bb1c;
	min-height: 230px;
	text-transform: uppercase;
	font-size: 24px;
	position: relative;
	cursor: pointer;
    margin-bottom: 30px; 
	-webkit-box-shadow: 0px 0px 18px -4px rgba(192,192,192,1);
    -moz-box-shadow: 0px 0px 18px -4px rgba(192,192,192,1);
    box-shadow: 0px 0px 18px -4px rgba(192,192,192,1);
}

.InterpalContentBlock DIV
{
	left: 0; right: 0; 
	margin: auto; 
	text-align: center; 
}

.InterpalContentBlock .btn.green
{
	background-color: white;
	color: #76ba16;
	border: 1px solid #76ba16;
	overflow: hidden;
    wrap: no-wrap;
    word-wrap: no-wrap;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.InterpalContentBlockWorkflow
{
	padding: 20px;  
	width: 100%; max-width: 650px;
	margin: auto;
	background-color: white;
}

.InterpalContentBlockWorkflowStep
{
	color: black;
	padding: 10px;
	background-color: #f2f2f2;
}

.InterpalContentBlockWorkflowStep.check
{
	color: white;
	background-color: #79bb1c !important;
}

.InterpalContentBlockWorkflowStepRows
{
	padding: 10px;
	border: 1px solid #f2f2f2;
	text-transform: normal;
	margin-bottom: 2px;
}

.InterpalContentBlockWorkflowStepRowsInput
{
	font-size: 13px;
    text-align: right;
    border: 0; margin: 0;
    width: 100%;
}

.InterpalContentBlockWorkflowStepResult
{
	padding: 10px;
	border: 1px solid #f2f2f2;
	font-weight: bold;
	text-transform: normal;
}

.InterpalContentBlockWorkflowDatePicker .datepicker-inline
{
	width: 100%;
}

.InterpalContentBlockWorkflowDatePicker .datepicker table
{
	width: 100%;
}

H1, H2, H3, H4, H5
{
	text-transform: uppercase;
}

.bottomline
{
	padding-bottom: 4px;
 	border-bottom: 1px dotted lightgray;
 	margin-bottom: 30px;
}

.InterpalContentBlockWorkflow div.Step
{
	cursor: pointer;
}

.InterpalContentBlockWorkflow div.StepResult
{
	display: none;
}

.InterpalContentBlockWorkflow div.StepMessage
{
	display: none;
}

.InterpalContentBlockWorkflow div.StepData
{
	display: none;
}

.InterpalContentBlockWorkflow h3
{
	color: #79bb1c;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 0;
}

.InterpalContentBlockWorkflowButton
{
	width: 100%;
	font-size: 16px;
    padding: 5px;
}

.InterpalContentBlock:hover 
{
	background-color: #79bb1c;
	color: white;
}

.InterpalContentBlock INPUT
{
	width: 80%; 
	cursor: pointer; 
	margin: 3px; 
	margin: 0; 
	border-radius: 2px !important;
}

.InterpalContentBlock:hover INPUT
{
	background-color: #ffffff;
	color: #669424;
}

.InterpalContentBlock .InterpalIconBottom
{
	position: absolute;
	bottom: 10px; right: 15px;
}

.InterpalContentBlock .InterpalIconBottom:hover 
{
	background-color: #79bb1c;
	color: lightgray;
}

.InterpalContentBlock .InterpalIconBottomBig
{
	position: absolute;
	bottom: 15px; left: 15px;
	font-size: 24px;
}

hr
{
	border: 0;
	border-top: 1px dotted gray;
	height: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
}

hr.solid50 
{ 
	width: 50%; 
	margin: auto; 
	border-top: 1px solid lightgray;
}

div.default 
{
	width: 100%; 
	margin: 10px 0px;
	padding: 15px; 
	border: 1px solid lightgray;
	position: relative;
	color: #736d6b;
}

div.default div.message
{
	position: absolute;
	right: 5px; bottom: 0px;
	font-size: 14px;
	color: #d6d6d6;
}

div.default div.required:after
{
	position: absolute;
	right: 5px; top: 0px;
	font-size: 30px;
	font-weight: bold;
	color: red;
	content:" *"; 
}

div.default.active
{
	padding: 12px; 
	border: 4px solid #76ba16;
}

div.default.disabled, input.default.disabled
{
	background-color: #f3f3f3 ;
}

input.default, select.default, textarea.default
{
	width: 100%; 
	margin: 0; padding: 0; border: 0;
	font-size: 20px; 
	color: #736d6b;
	font-family: myriad-pro-semi-condensed, sans-serif;
	font-style: normal;
}

select.default
{
    margin-left: -2px;
}

span.default
{
	margin: 0; padding: 0; border: 0;
	font-size: 20px; 
	color: #736d6b;
	font-family: myriad-pro-semi-condensed, sans-serif;
	font-style: normal;
  	font-weight: bold;
}

span.default.sub
{
	font-size: 16px; 
	font-weight: normal;
}

option 
{
    display: block;
    white-space: pre;
    min-height: 1.2em;
    padding: 0px 2px 1px;
}

input.default.green
{
	width: 100%; 
	background-color: #76ba16;
	color: white;
	margin: 0px;
	padding: 2%; 
	text-transform: uppercase; 
	font-family: myriad-pro-semi-condensed, sans-serif;
	font-style: normal;
  	font-weight: bold;
}

.error
{
	font-size: 15px; 
	color: red;
	padding: 20px;
	margin: 20px 0px;
	font-family: myriad-pro-semi-condensed, sans-serif;
	font-weight: 300;
	font-style: normal;
	background-color: #fddee1;
	border: 1px solid #dfafb4;
	display: none;
}

.success
{
	font-size: 15px; 
	color: green;
	padding: 20px;
	margin: 20px 0px;
	font-family: myriad-pro-semi-condensed, sans-serif;
	font-weight: 300;
	font-style: normal;
	background-color: #d6fbe2;
	border: 1px solid #a2d4b2;
	display: none;
}

.default::-moz-placeholder {
  color: #bbbbbb;
}
.default:-ms-input-placeholder {
  color: #bbbbbb;
}
.default::-webkit-input-placeholder {
  color: #bbbbbb;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
  width: 235px;
}

.dropdown-menu
{
	overflow-y: auto;
	max-height: 437px;
}

.login .content
{
    -webkit-box-shadow: 0px 0px 18px -4px rgba(192,192,192,1);
    -moz-box-shadow: 0px 0px 18px -4px rgba(192,192,192,1);
    box-shadow: 0px 0px 18px -4px rgba(192,192,192,1);
    border-radius: 20px !important;
}

.login .content .form-title {
    text-align: center !important;
}

.login .copyright { color: #666; }
.login .content .forget-password.interpal
{ 
	background-color: #eeeeee; 
	padding: 1px 10px; 
	margin: 0;
	color: #666;
	border-radius: 10px !important;
}

.login .content .form-control
{
	border-radius: 10px !important;
}

.login .content .form-actions .btn
{
	border-radius: 10px !important;
}

.login .content h4 { color: #000; }
.table-hover>tbody>tr:hover{ background-color: #e1ead4; }

.shadowed
{
	background-color: white; padding: 20px;
    -webkit-box-shadow: 0px 0px 18px -4px rgba(192,192,192,1);
    -moz-box-shadow: 0px 0px 18px -4px rgba(192,192,192,1);
    box-shadow: 0px 0px 18px -4px rgba(192,192,192,1);
    margin-bottom: 30px;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu, .page-sidebar .page-sidebar-menu 
{
    background-color: rgb(249, 249, 249);
}

.page-sidebar .page-sidebar-menu > li, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li 
{
    background-color: white;
    text-align: center;
}

.page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a 
{
	margin: 5px;
    border: 0px;
    padding: 5px;
}

h3.form-section
{
	text-transform: none; font-weight: bold; margin-bottom: 0;
	border-bottom: 1px solid lightgray;
	margin-bottom: 30px;
}

#AddTemplatesDialog
{
	height: 500px;
}

#AddTemplatesDialog .modal-body
{
   overflow-y: auto;
   max-height: 380px;
}

#AddTemplatesDialog .modal-footer
{
  bottom:0px;
  position:absolute;
  width:100%;
}

.planningRequestInput
{
	text-align: center;
 	border: transparent; /* to make the size of input text equal to non input text in the table */
}

.templateTable 
{   
	margin-top: 10px;
	border: 1px solid #A9A9A9;
	text-align: center;
}

.templateHeader 
{
	padding:2px;
	font-size: 14px;
	text-align: center;
}

/************************************************/
/***************** TABLE STYLES *****************/
/************************************************/
.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( "/interpal_b2b/javax.faces.resource/table_header.png.xhtml?ln=images/individual/portal.v2" ) 0 -10px repeat-x, url( "/interpal_b2b/javax.faces.resource/table.png.xhtml?ln=images/individual/portal.v2" ) 0 7px repeat;
}

.neo-table-header.sticky
{
	position: absolute;
    display: block;
    top: 0px;
    border: 1px solid red;
    background-color: white;
}

.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; height: 26px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.neo-table-column .search SELECT { width: 100%; padding: 2px 2px 2px 5px; border: 1px solid #ececec; outline: none; margin-left: -3px; height: 26px; background-color: white; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url( "/interpal_b2b/javax.faces.resource/sort_desc.gif.xhtml?ln=images" ); background-repeat: no-repeat; background-position: calc( 100% - 10px ) 9px; }
.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 DIV.edit { padding: 8px 3px 8px 5px; width: 100%; overflow: hidden; }
.neo-table-column .content IMG { padding: 9px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.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 .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 { height: 36px; overflow: hidden; }
.neo-table-column .content:after { content: "\00a0"; }

.neo-table-footer .form-control.right { float: right; max-width: 350px; padding: 3px; }
.neo-table-footer .btn { margin-right: 4px; }
.neo-table-footer .btn.right { float: right; padding: 4px 10px 5px 10px; margin-right: 0px; margin-left: 4px; }
.neo-table-footer
{
	border-bottom: 1px solid lightgray; 
	height: 49px; padding: 10px; 
	background-color: #eee;
}

.wf_info { display: none; }
DIV.wf_info
{
	text-align: center; 
	font-weight: bold; 
	text-size-adjust: none; 
	text-rendering: optimizeLegibility; 
}

.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; }

#chart_title { font-weight: bold; text-align: center; }

.wf_booking_partner_layer
{
	position: absolute;
	top: 52px;
	left: 0px;
	width: 100%;
	background-color: #fff5db;
	max-height: 150px;
	z-index: 99;
	padding: 5px 10px;
	border: 1px solid #eabb41;
	overflow: auto;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgb(150, 119, 42) 5px 5px 5px;
	-moz-box-shadow: rgba(150, 119, 42, 0.5) 5px 5px 5px;
}
.wf_booking_partner_layer A { text-decoration: none; color: #736d6b; border-bottom: 1px dotted lightgray; display: block; }
.wf_booking_partner_layer A IMG { float: right; margin-top: 4px;}

TABLE.PartnershipDialogRadio .radio { margin: 10px 3px 10px 20px; }
TABLE.PartnershipDialogRadio INPUT[type=radio] {  margin-left: -10px; }
TABLE.ClearingTokenRadio LABEL { font-size: 14px; font-family: courier; display: inline; }
TABLE.ClearingTokenRadio INPUT[type=radio] { height: 14px; margin-left: -9px; top: 2px } 

.clearing A.navigation 
{ 
	color: gray; 
	display: block; 
	width: 100%; 
	height: 82px; 
	background-color: #f3f3f3; 
	padding-top: 29px; 
	text-align: center; 
	border: 1px solid #d6d6d6;
}

.clearing DIV.default.open
{ 
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	background-color: #f1f1f1; 
	border-color: #d6d6d6;
}

.clearing DIV.default.approved
{ 
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	background-color: #d1f3c9; 
	border-color: #b4b9b2;
}

.clearing DIV.default.declined
{ 
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	background-color: #f3bdbd; 
	border-color: #b5a4a4;
}

.clearing DIV.default.cancelled
{ 
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	background-color: #d3d3d3; 
	border-color: #a0a0a0;
}

.help_footer 
{
	position: fixed;
	left: 0; bottom: 0;
	width: 100%;
	border-top: 1px solid lightgray; 
	padding: 10px 20px 10px 20px;
}

.header_help 
{
  overflow: hidden;
  background-color: #f1f1f1;
  padding: 20px 10px;
  text-align: center;
}

.header_help span 
{
  color: gray;
  padding: 12px; 
  text-decoration: none;
  border-radius: 4px; 
} 

.header_help span.title
{
	text-transform: uppercase;
	font-size: 24px;
}

.help_last_edited
{
	position: fixed;
	right: 41px;
	bottom: 90px;
	font-size: 15px;
}

.help_flags { display: block; float: right; }
.help_flags IMG { border-radius: 50% !important; border: 3px solid transparent; padding: 2px; }
.help_flags IMG.missing { filter: grayscale( 100% ); opacity: 0.4; }
.help_flags IMG.active { border-color: #b8bbb9; opacity: 1; filter: grayscale( 0% ); }

/* my_notifications */
@media (max-width: 1730px ) { .notifications_icon { display: none; } .notifications_span_row { width: 100%; } }
@media ( max-width: 1440px ) { .notifications_body_lg { display: none; } .notifications_body_md { display: block; } }
@media ( min-width: 1440px ) { .notifications_body_lg { display: block; } .notifications_body_md { display: none; } }

/* override the bootstrap nav, in settings icon only */
.nav > .dropdown > .settings { padding: 15px 10px 0px 10px !important; }
.nav > .dropdown > .settings:hover { background-color: transparent !important; }

/* chart loading when selecting datepicker */
.chart_loading{ width: 50%; height: 50%; overflow: auto; margin: auto; position: absolute; top: 0; bottom: 0; right: 0; z-index: 999; visibility: hidden; }
DIV.transaction_chart { min-height: 437px; text-align: center; }
IMG.transaction_chart_indicator 
{
	position: absolute;
    top: 45%; left: 0; right: 0;
    margin: auto;
    background: #ffffff;
    box-shadow: 0 0 20px 20px #eaeaea;
    padding: 3% 3%;
    border-radius: 5% !important;
    z-index: 999;
}