/* CSS Document */
/* Health Level (http://www.healthlevel.com) */
/* Copyright 2012 Health Level Inc. All rights reserved. */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Dashboard Visual Unit (Table) */

table.hover-highlight tbody > tr:hover > td /* override tablesorter theme row hover */
{
  background-color: #ffa;
}

.vu-table-wrapper
{
	overflow-x: auto;
	overflow-y: hidden;
}

.vu-table {
    margin: 0;
    font-size: 12px;
    width: 100%;
    margin-bottom: 10px;
}

.vu-table thead, .vu-table-drill thead{
    position: relative;
}


.vu-table thead tr:nth-child(1) th {
    position: -webkit-sticky; /* for Safari */
    position: sticky;
    top: 0;
    z-index: 1;
}

.vu-table td.vu-mark-cell
{
	border-right-color: #C1C1C1 !important;
}

.vu-table td.vu-sub-cell 
{
        border-top-color: #000000 !important;
        border-bottom-color: #000000 !important;
        border-right-color: #C1C1C1 !important;
}
.vu-table td.vu-sub-value
{
        border-top-color: #000000 !important;
        border-bottom-color: #000000 !important;
}

.vu-table td.vu-cell-text-align-right 
{
    text-align: right !important;
}
.vu-table .vu-table-sort
{
	float: right;
}

.vu-table .vu-table-sort-fixed
{
	float: left !important;
}

.vu-table .vu-table-sort td
{
	border: none !important;
	padding: 0.1em;
}

.vu-table .vu-table-sort th
{
	border: none !important;
	padding: 0.1em;
}

.vu-table .vu-table-sort td.sortable
{
	padding: 0 0 0 5px;
	font-size: 15px;
}

.vu-table .vu-table-sort th.sortable
{
	padding: 0 0 0 5px;
	font-size: 15px;
}
.vu-header-row
{
	background: none repeat scroll 0 0 #EFEFEF;
}

.vu-header-row th
{
	border: solid 1px #E0E0E0;
	border-width: 1px .5px 1px .5px;
	background: none repeat scroll 0 0 #EFEFEF;
	padding: 0.55em;
	text-align: right;
}
.vu-header-row-center th {
    border: solid 1px #E0E0E0;
    background: none repeat scroll 0 0 #EFEFEF;
    padding: 0.55em;
    text-align: center;
}
.vu-header-row th.vu-fixed-cell
{
	text-align: left;
	font-weight: bold;
	z-index:3;
}

.tablesorter-scroller-fixed:after {
  content: '';
  border-right: 1px solid #D0D0D0;
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  /* set to zero for non-jquery ui themes; use "left" here for RTL pages */
  right: 0;
  /* match the margins set to the table to keep the border the same height as the table */
}


.tablesorter-headerDesc span {
    background: url(../../images/black-desc.gif) right center no-repeat;
    padding-right: 15px;
    /*background-repeat:no-repeat !important;
    background-position:center right !important;*/
}

.tablesorter-headerAsc span {
    background: url(../../images/black-asc.gif) right center no-repeat;;
    padding-right: 15px;
    /*background-repeat:no-repeat !important;
    background-position:center right !important;*/
}

/*.tablesorter-headerUnSorted {
    background-image: url(../../images/.gif) !important;
}*/

.vu-header-row th.vu-mea-cell
{
	font-weight: bold;
}

.vu-header-row th.vu-dim-cell
{
	font-weight: bold;
}

.vu-header-row th.vu-dim-val-cell
{
	font-weight: bold;
}

.vu-header-row th.vu-grp-cell
{
	text-align: center;
	font-weight: bold;
}

.vu-header-row th.vu-grand-cell
{
	vertical-align: middle;
	font-weight: bold;
}

.vu-header-row th.vu-sort-cell
{
	background: none repeat scroll 0 0 #EFEFEF;
}

.vu-header-row th.vu-sort-cell:hover, .vu-header-row th.vu-sort-cell:hover .vu-table-sort th
{
	background: none repeat scroll 0 0 #5383CA !important;
	color: #FFFFFF !important;
	cursor: pointer;
}

.vu-header-row td
{
	border: solid 1px #E0E0E0;
	background: none repeat scroll 0 0 #EFEFEF;
	padding: 0.55em;
	text-align: right;
}

.vu-header-row td.vu-fixed-cell
{
	text-align: left;
	font-weight: bold;
}

.vu-header-row td.vu-mea-cell
{
	font-weight: bold;
}

.vu-header-row td.vu-dim-cell
{
	font-weight: bold;
}

.vu-header-row td.vu-dim-val-cell
{
	font-weight: bold;
}

.vu-header-row td.vu-grp-cell
{
	text-align: center;
	font-weight: bold;
}

.vu-header-row td.vu-grand-cell
{
	vertical-align: top;
	font-weight: bold;
}

.vu-header-row td.vu-sort-cell
{
	background: none repeat scroll 0 0 #EFEFEF;
}

.vu-header-row td.vu-sort-cell:hover, .vu-header-row td.vu-sort-cell:hover .vu-table-sort td
{
	background: none repeat scroll 0 0 #5383CA !important;
	color: #FFFFFF !important;
	cursor: pointer;
}

.vu-data-row
{
	font-weight: normal;
}

.vu-data-row td
{
	border: solid 1px #E5E5E5;
	border-width: 1px .5px 1px .5px;
	background: none repeat scroll 0 0 #FFFFFF;
	text-align: right;
	padding: 0.55em;
}

.vu-data-row td.vu-fixed-cell  
{
    width:auto;
	border: solid 1px #E5E5E5;
	border-width: 1px .5px 1px .5px;
	background: none repeat scroll 0 0 #F0F6FC;
	text-align: left;
	vertical-align: top;
}

.vu-data-row td.vu-clear-cell 
{
    border-top: none !important;
    border-bottom: none !important;


}

.vu-data-row td.vu-clear-cell-bottom
{
    border-bottom: none !important;
}
.vu-data-row td.vu-sub-cell-bottom 
{
        border-bottom-color: #000000 !important;
        border-right-color: #C1C1C1 !important;
}    

.vu-data-row td.vu-grand-cell
{
	background: none repeat scroll 0 0 #F2F4F6 !important;
	cursor: auto !important;
	white-space: nowrap;
}

.vu-data-row .vu-per-data
{
	margin-left: 10px;
	color: #888;
	font-size: 11px;
}

.vu-data-row td.vu-drill-cell
{
	background: none repeat scroll 0 0 #FFFFFF;
}

.vu-data-row td.vu-no-drill-cell
{
	background: none repeat scroll 0 0 #FFFFFF;
	border-width: 1px .5px 1px .5px;
}

.vu-data-row td.vu-drill-cell:hover, .vu-data-row td.vu-drill-cell:hover .vu-per-data
{
	background: none repeat scroll 0 0 #5383CA !important;
	color: #FFFFFF !important;
	cursor: pointer;
}

.vu-total-row
{
	font-weight: normal;
}

.vu-total-row td
{
	border: solid 1px #E5E5E5;
	background: none repeat scroll 0 0 #FFFFFF;
	text-align: right;
	padding: 0.55em;
}

.vu-total-row td.vu-fixed-cell
{
	border: solid 1px #E5E5E5;
	border-width: 1px .5px 1px .5px;
	background: none repeat scroll 0 0 #F0F6FC;
	text-align: left;
	vertical-align: top;
}

.vu-total-row td.vu-grand-cell
{
	background: none repeat scroll 0 0 #EFEFEF !important;
	border-width: 1px .5px 1px .5px;
	cursor: auto !important;
	white-space: nowrap;
}

td.vu-grand-cell:not(.vu-fixed-cell):not(.vu-no-drill-cell):hover {
	background: none repeat scroll 0 0 #5383CA !important;
	color: #FFFFFF !important;
	cursor: pointer !important;
}

.vu-total-row .vu-per-data
{
	margin-left: 10px;
	color: #888;
	font-size: 11px;
}

.vu-paging-wrapper
{
	padding: 8px;
	font-size: 12px;
	border-top: solid 1px #FEFEFE;
	background: #E5E5E5 url(../../images/bg-info-2.png) repeat-x scroll 0% 100%;
	min-height: 21px;
}

.vu-paging-wrapper select, input
{
    vertical-align: top;
	padding: 2px;
}

.vu-paging-wrapper select {
	max-width: 180px;
}

.vu-paging-wrapper .left  
{
	float: left;
}

.vu-paging-wrapper .right 
{
	float: right;
	text-align: right;
	margin: 2px 0 0 0;
}

.vu-paging-button
{
	margin: 0;
	padding: 3px 5px 3px 5px;
	font-size: 11px;
	text-decoration: inherit;
	cursor: pointer; /* position: relative; // ie7 bug, reproducible, but don't understand */
	text-align: center;
	border: solid 1px #AAAAAA;
	color: #666666;
	background: none repeat scroll 0 0 #FEFEFE;
	-moz-border-radius: 3px 3px 3px 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.vu-paging-button:hover
{
	border: solid 1px #3468B2;
	background-color: #5383CA;
	color: #3468B2;
}
.vu-paging-button.disabled:hover {
	cursor: default;
	border: solid 1px #AAAAAA;
	background: none repeat scroll 0 0 #CCCCCC;
	background-color: #CCCCCC;
}
.vu-paging-button.disabled {
	cursor: default;
	border: solid 1px #AAAAAA;
	background: none repeat scroll 0 0 #CCCCCC;
	background-color: #CCCCCC;
}
.vu-no-data-found  
{
	padding: 5px;
	font-weight: normal;
} 

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Dashboard Visual Unit (SVU Table) */

.vu-table-wrapper-svu
{
	-moz-border-radius: 0 0 5px 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.vu-table-svu {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0;
    font-size: 12px;
    width: 100%;
    table-layout: fixed;
}

.vu-table-svu td
{
	padding: 0.55em;
	border: solid 1px #E5E5E5;
	height: 25px;
}

.vu-table-svu td.vu-drill-cell
{
	background: none repeat scroll 0 0 #FFFFFF;
}

.vu-table-svu td.vu-no-drill-cell
{
	background: none repeat scroll 0 0 #FFFFFF;
}

.vu-table-svu td.vu-drill-cell:hover
{
	background: none repeat scroll 0 0 #5383CA;
	color: #FFFFFF;
	cursor: pointer;
}

.nohover {
    background: none repeat scroll 0 0 #FFFFFF !important;
}

.vu-table-svu td.vu-no-drill-cell:hover
{
	background: none repeat scroll 0 0 #5383CA;
	color: #FFFFFF;
	cursor: pointer;
}

.vu-table-svu .vu-svu-header-row
{
	padding-left: 10px !important;
	background: none repeat scroll 0 0 #F0F6FC;
	text-align: left;
	width: 220px;
}

.vu-table-svu .vu-svu-data
{
	font-weight: normal;
	text-align: right;
	width: 85px;
}

.vu-table-svu .vu-svu-target-text
{
	width: 140px;
	text-align: center;
	font-size: 11px;
	overflow-wrap: break-word;
}

.vu-table-svu td.vu-svu-target-text:hover
{
	background: none repeat scroll 0 0 #5383CA;
	color: #FFFFFF;
	cursor: pointer;
}

.vu-table-svu .vu-svu-target-text-readonly
{
	width: 140px;
	font-weight: normal;
	text-align: center;
	font-size: 11px;
}

.vu-table-svu .vu-svu-target-bar
{
	width: 260px;
	text-align: center;
	background-color: #F7F7F7;
}

.vu-table-svu .vu-svu-target-bar-readonly
{
	width: 260px;
	font-weight: normal;
	text-align: center;
	font-size: 11px;
}

.vu-table-svu .target-bar
{
	position: relative;
	top: -8px;
	left: 15px;
}

.vu-table-svu .target-bar .bar  
{
	height: 7px;
	position: absolute;
}

.vu-table-svu .target-bar .bar-blue  
{
	background-color: #5A84B5;
	border: 1px solid #5A84B5;
}

.vu-table-svu .target-bar .bar-green  
{
	background-color: #89A54E;
	border: 1px solid #5A84B5;
}

.vu-table-svu .target-bar .bar-red  
{
	background-color: #AA4643;
	border: 1px solid #5A84B5;
}

.vu-table-svu .target-bar .bar-orange  
{
	background-color: #FAAB0B;
	border: 1px solid #5A84B5;
}

.vu-table-svu .target-bar .perc
{
	font-size: 10px;
	text-align: left !important;
	position: absolute;
	top: 8px;
}

.vu-table-svu .vu-svu-rubric
{
	font-weight: normal;
	font-size: 11px;
	text-align: center;
	width: 85px;
}

.vu-table-svu td.vu-svu-rubric:hover
{
	background: none repeat scroll 0 0 #5383CA;
	color: #FFFFFF;
	cursor: pointer;
}

.vu-table-svu .vu-svu-rubric-readonly
{
	font-weight: normal;
	text-align: center;
	width: 85px;
	font-size: 11px;
}

.vu-tooltip-data
{
	font-size: 12px;
}

.vu-tooltip-data ul
{
	margin: 0 0 0 17px;
}

.vu-tooltip-data li
{
	list-style: disc;
}

.cursor-pointer {
	cursor: pointer !important;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Dashboard Visual Unit (Chart) */

.vu-chart-wrapper
{
}


.vu-chart-content
{
	overflow-x: auto;
	overflow-y: hidden;
	min-height: 400px;
	position: relative;
}

.vu-chart
{
	margin: 0;
	width: 100%;
}

.vu-chart-filters
{
	background: none repeat scroll 0 0 #EFEFEF;
	border-bottom: solid 1px #ACACAC;
	padding: 2px;
	margin: 0;
	font-size: 11px;
	text-align: right;
}

.vu-chart-filters .filter-name
{
	padding: 3px 6px 0 0;
	margin: 0;
	font-weight: bold;
}

.vu-chart-filters .filter-list
{
	padding: 10px 0 10px 5px;
	margin: 0;
	overflow: auto;
}

.vu-chart-filters .filter-list .hover
{
	background-color: #3083D7;
	border: 1px solid #1A61A8;
	color: #FEFEFE;
	cursor: pointer;
}

.vu-chart-filters .filter-list-item
{
	display: inline;
	list-style: none outside none;
	white-space: nowrap;
	padding: 4px 6px 4px 6px;
	margin: 1px 5px 5px 1px;
	background: none repeat scroll 0 0 #FAFAFA;
	border: 1px solid #959090;
	color: #222222;
	-moz-border-radius: 5px 5px 5px 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	cursor: pointer;
}

.vu-chart-filters .filter-list-item-active
{
	display: inline;
	list-style: none outside none;
	white-space: nowrap;
	padding: 4px 6px 4px 6px;
	margin: 1px 5px 5px 1px;
	background: none repeat scroll 0 0 #3083D7;
	border: 1px solid #1A61A8;
	color: #FEFEFE;
	-moz-border-radius: 5px 5px 5px 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	cursor: pointer;
}

.vu-chart-message
{
	background: none repeat scroll 0 0 #E5E5E5;
	border-top: solid 1px #ACACAC;
	padding: 5px;
	font-size: 12px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Dashboard Visual Unit (Chart Switches) */

.vu-chart-switch
{
	border-collapse: collapse;
	text-align: left;
	width: 100%;
	font-size: 14px;
    margin: 10px 0 10px 0;
}

.vu-chart-switch tr
{
	text-align: left;
	width: 100%;
	font-size: 14px;
	border-bottom: 1px solid #E1E1E1;
}

.vu-chart-switch tr:last-child {
	border-bottom: 0px solid #E1E1E1;
}

.vu-chart-switch-name
{
	width: 230px;
	padding: 20px 10px 20px 10px;
	margin: 0;
	vertical-align: middle;
	line-height: 13px;
    float: left;
}

.vu-chart-switch-bin-name {
    font-size: 11px;
    padding: 3px 0 0 0;
}

.vu-chart-switch-data
{
	padding: 20px 10px 20px 10px;
	margin: 0;
	vertical-align: top;
    float: right;
}

.vu-chart-switch-list
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

.vu-chart-switch-list .switch-item
{
	display: inline;
	list-style: none outside none;
	white-space: nowrap;
	padding: 4px 6px 4px 6px;
	margin: 1px 5px 1px 1px;
	background: none repeat scroll 0 0 #FAFAFA;
	border: 1px solid #959090;
	color: #222222;
	-moz-border-radius: 5px 5px 5px 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	cursor: default;
}

.vu-chart-switch-list .switch-item-allowed
{
}

.vu-chart-switch-list .switch-item-allowed:hover
{
	background-color: #3083D7;
	border: 1px solid #1A61A8;
	color: #FEFEFE;
	cursor: pointer;
}

.vu-chart-switch-list .switch-item-current
{
	background: none repeat scroll 0 0 #3083D7;
	border: 1px solid #1A61A8;
	color: #FEFEFE;
}

.vu-chart-switch-list .switch-item-disabled
{
	cursor: default;
	color: #BAB8B8 !important;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Dashboard Visual Unit (Chart Settings) */

.vu-chart-settings
{
	border-collapse: collapse;
	text-align: left;
	width: 100%;
	font-size: 14px;
}

.vu-chart-settings tr
{
	text-align: left;
	width: 100%;
	font-size: 14px;
	border-bottom: 1px solid #E1E1E1;
}

.vu-chart-settings tr:last-child {
	border-bottom: 0px solid #E1E1E1;
}

.vu-chart-setting-name
{
	width: 130px;
	padding: 20px 10px 20px 10px;
	margin: 0;
	vertical-align: middle;
	line-height: 13px;
    float: left;
}

.vu-chart-setting-data
{
	padding: 20px 10px 20px 10px;
	margin: 0;
	vertical-align: top;
    float: right;
}

.vu-chart-setting-list
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

.vu-chart-setting-list .setting-item
{
	display: inline;
	list-style: none outside none;
	white-space: nowrap;
	padding: 4px 6px 4px 6px;
	margin: 1px 5px 1px 1px;
	background: none repeat scroll 0 0 #FAFAFA;
	border: 1px solid #959090;
	color: #222222;
	-moz-border-radius: 5px 5px 5px 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	cursor: default;
}

.vu-chart-setting-list .setting-item-allowed
{
}

.vu-chart-setting-list .setting-item-allowed:hover
{
	background-color: #3083D7;
	border: 1px solid #1A61A8;
	color: #FEFEFE;
	cursor: pointer;
}

.vu-chart-setting-list .setting-item-current
{
	background: none repeat scroll 0 0 #3083D7;
	border: 1px solid #1A61A8;
	color: #FEFEFE;
}

.vu-chart-setting-list .setting-item-disabled
{
	cursor: default;
	color: #BAB8B8 !important;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Dashboard Visual Unit (Table Settings) */

.vu-table-settings
{
	border-collapse: collapse;
	text-align: left;
	width: 100%;
	font-size: 14px;
}

.vu-table-settings tr
{
	text-align: left;
	width: 100%;
	font-size: 14px;
	border-bottom: 1px solid #E1E1E1;
}

.vu-table-settings tr:last-child {
	border-bottom: 0px solid #E1E1E1;
}

.vu-table-setting-name
{
	width: 130px;
	padding: 20px 10px 20px 10px;
	margin: 0;
	vertical-align: middle;
	line-height: 13px;
    float: left;
}

.vu-table-setting-data
{
	padding: 20px 10px 20px 10px;
	margin: 0;
	vertical-align: top;
    float: right;
}

.vu-table-setting-list
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

.vu-table-setting-list .setting-item
{
	display: inline;
	list-style: none outside none;
	white-space: nowrap;
	padding: 4px 6px 4px 6px;
	margin: 1px 5px 1px 1px;
	background: none repeat scroll 0 0 #FAFAFA;
	border: 1px solid #959090;
	color: #222222;
	-moz-border-radius: 5px 5px 5px 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	cursor: default;
}

.vu-table-setting-list .setting-item-allowed
{
}

.vu-table-setting-list .setting-item-allowed:hover
{
	background-color: #3083D7;
	border: 1px solid #1A61A8;
	color: #FEFEFE;
	cursor: pointer;
}

.vu-table-setting-list .setting-item-current
{
	background: none repeat scroll 0 0 #3083D7;
	border: 1px solid #1A61A8;
	color: #FEFEFE;
}

.vu-table-setting-list .setting-item-disabled
{
	cursor: default;
	color: #BAB8B8 !important;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Dashboard Visual Unit (Drill Through) */

.vu-drill-wrapper
{
	border: solid 1px #C5DBEC;
}

.vu-table-drill-wrapper
{
	-moz-border-radius: 0 0 5px 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	overflow-y: hidden;
}

.vu-table-drill {
    margin: 0;
    font-size: 12px;
    width: 100%;
    position: relative;
    border-collapse: revert;
}


.vu-table-drill td.left {
	text-align: left;
}

.vu-table-drill td.right {
	text-align: right;
}

.vu-table-drill thead th {
	position: -webkit-sticky; /* for Safari */
	position: sticky;
	top: 0;
}

.table-vu-drill-bottom{
    margin-bottom:10px !important;
}

.vu-table-drill td.left
{
	text-align: left;
}

.vu-table-drill td.right
{
	text-align: right;
}

.vu-table-drill-header
{
	background: none repeat scroll 0 0 #EFEFEF;
}

.vu-table-drill-header th, .vu-table-drill-header td {
    border: solid 1px #D5D5D5;
    border-width: 1px .5px .5px .5px;
    background: none repeat scroll 0 0 #E5E5E5;
    padding: 0.55em;
    font-size: 11.5px;
    vertical-align: top;
    z-index: 1;
}

.vu-table-drill-header th:hover {
    cursor: move;
}
.vu-table-drill-row
{
	font-weight: normal;
}

.vu-table-drill-row td
{
	border: solid 1px #D0D0D0;
	border-width: 1px 0.5px 1px 0.5px;
	background: none repeat scroll 0 0 #FFFFFF;
	padding: 0.55em;
	font-size: 11px;
	white-space: nowrap;
	vertical-align: top;
}

.vu-table-drill-row td a
{
	color: #1F75CC;
	text-decoration: none;
}

.vu-table-drill-row td a:hover
{
	color: #529214;
	text-decoration: underline;
}

.vu-table-drill-row td a:visited
{
    color: #e17009;
	text-decoration: none;
}

.vu-drill-info
{
	margin: 7px 0 0 0;
	font-size: 12px;
	padding: 2px 4px 12px 2px;
}

.vu-drill-info .vu-per-data
{
	margin-left: 10px;
	color: #888;
	font-size: 11px;
}

.vu-drill-info .label {
	color: #222222 !important;
}

.vu-drill-info .value
{
	font-weight: bold;
	padding: 0 40px 0 0;
	color: #777777;
}

.vu-drill-zero-data td {
	text-align: center;
	background-color: #FFFFA3;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Visual unit parameters related styles */
.dashboard-vu-params {
	border-left: 1px solid #979797;
	border-right: 1px solid #979797;
	border-bottom: 5px solid #979797;
	min-height: 80px;
	height: auto;
	width: auto;
}

.dashboard-vu-params-table
{
	border-collapse: collapse;
	text-align: left;
	width: 100%;
	height: 100%;
}

.dashboard-vu-params-table .item-li-drag
{ 
	background: none repeat scroll 0 0 #FBEC88;	
	border: 1px solid #FAD42E;
	min-height: 54px; 
	margin: 0 4px 10px 0;
	padding: 0;
	cursor: move !important;
	-moz-border-radius: 3px 3px 3px 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.dashboard-vu-params-table .td-measures
{
	height: 100%;
	width: 25%;
	vertical-align: top;
	border-right: 1px solid #E0E0E0;
}

.dashboard-vu-params-table .td-filterables
{
	height: 100%;
	width: 35%;
	vertical-align: top;
	border-right: 1px solid #E0E0E0;
}

.dashboard-vu-params-table .td-dimensions
{
	height: 100%;
	width: 25%;
	vertical-align: top;
}

.dashboard-vu-params-table .header
{
	font: normal 12px Lucida Console, Helvetica, Arial !important;
	margin: 7px 0 7px 0;
	color: #222222;
}

.dashboard-vu-params-table .action
{
	font-size: 11px;
	line-height: 13px;
	margin: 7px 7px 0 0;
}

.dashboard-vu-params-buttons
{
	border-top: solid 1px #E0E0E0;
	background-color: #F5F6FF;
	padding: 8px;
	margin: 0;
}

.dashboard-vu-params-buttons .float-left button
{
	margin: 0 8px 0 0;
}

.dashboard-vu-params-buttons .float-right button
{
	margin: 0 0 0 8px;
}

.dashboard-vu-params-table .vu-object
{
}

.dashboard-vu-params-table .vu-object:hover
{
	border: solid 1px #5C9CC1 !important;
}

.dashboard-vu-params-table .vu-object-delete-container
{
	position: absolute;
	right: -10px;
	top: -2px;
}

.dashboard-vu-params-table .vu-object-delete
{
	background: url("../../images/cross.png") no-repeat scroll 0 0 transparent;
	display: block;
	height: 10px;
	width: 10px;
}

.dashboard-vu-params-table .vu-object-delete:hover
{
	background-position: -10px 0;
}

.dashboard-vu-params-table .measures
{
	height: 100%;
	padding: 0 8px 4px 4px;
}

.dashboard-vu-params-table .measure
{
	margin: 0 4px 10px 0;
	padding: 2px;
	text-align: left;
	text-decoration: none !important;
	font-weight: normal !important;
	cursor: pointer;
}
/* Styling of bluebox should not be dependent on parent class and element.
    TODO: Get rid of this nested story some time soon
    */
.dashboard-vu-params-table .measure-info
{
	border-bottom: solid 1px #D5E7F5;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 2px 3px;
}

.dashboard-vu-params-table .aggregate-info
{
	font-size: 12px;
	padding: 1px 0 0 3px;
	color: #7993A6;
}

.dashboard-vu-params-table .measure-info-desc
{
	font-size: 12px;
	padding: 1px 0 0 3px;
	color: #7993A6;
}

.dashboard-vu-params-table .filterables
{
	height: 100%;
	padding: 0 8px 4px 4px;
}

.dashboard-vu-params-table .filterable
{
	margin: 0 4px 10px 0;
	padding: 2px;
	text-align: left;
	text-decoration: none !important;
	font-weight: normal !important;
	cursor: pointer;
}

.dashboard-vu-params-table .filterable-info
{
	border-bottom: solid 1px #D5E7F5;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 2px 3px;
}

.dashboard-vu-params-table .filtervalue-info
{
	font-size: 12px;
	padding: 1px 0 0 3px;
	color: #7993A6;
}

.dashboard-vu-params-table .dimension-rows
{
	padding: 0 8px 4px 4px;
}

.dashboard-vu-params-table .dimension-row
{
	margin: 0 4px 10px 0;
	padding: 2px;
	text-align: left;
	text-decoration: none !important;
	font-weight: normal !important;
	cursor: pointer;
}

.dashboard-vu-params-table .dimension-cols
{
	padding: 0 8px 4px 4px;
}

.dashboard-vu-params-table .dimension-col
{
	margin: 0 4px 10px 0;
	padding: 2px;
	text-align: left;
	text-decoration: none !important;
	font-weight: normal !important;
	cursor: pointer;
}

.dashboard-vu-params-table .dimension-info
{
	border-bottom: solid 1px #D5E7F5;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 2px 3px;
}

.dashboard-vu-params-table .bin-info
{
	font-size: 12px;
	padding: 1px 0 0 3px;
	color: #7993A6;
}

.dashboard-vu-params-table .connected-sortable
{
	padding: 0 0 10px 0;	/* trick, do not remove */
}

.dashboard-vu-params-table li.ui-sortable-helper 
{
    cursor: move;
}

.dashboard-vu-params-table .logical-operators
{ 
	display: none;
    font-size: 9px;
    text-align: center;
    white-space: nowrap;
    margin: 0 0 -3px 0;
}

.dashboard-vu-params-table .logical-operators .and-operator
{
    padding: 1px 5px 0 5px;
	-moz-border-radius: 3px 0 0 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.dashboard-vu-params-table .logical-operators .or-operator
{
    padding: 1px 5px 0 5px;
	-moz-border-radius: 0 3px 0 0;
	border-top-left-radius: 0;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.dashboard-vu-params-table .logical-operators .selected
{
	background: none repeat scroll 0 0 #D5E7F5;
    border: 1px solid #D5E7F5;
    color: #2E6E9E;
}

.dashboard-vu-params-table .logical-operators .not-selected
{
    cursor: pointer;
	background: none repeat scroll 0 0 #FEFEFE;
	border: 1px solid #D5E7F5;
	color: #777777;
 }

.dashboard-vu-params-table .logical-operators .not-selected:hover
{
	background: none repeat scroll 0 0 #5383CA;
	border: 1px solid #1A61A8;
	color: #FEFEFE;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Visual unit popup related styles */

.vu-popup-table-wrapper
{
	width: auto;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

.vu-popup-left-col
{
	width: 600px;
	border-right: 5px solid #E6E6E6;
	vertical-align: top;
}

.vu-popup-right-col
{
	width: 325px;
	vertical-align: top;
}

.vu-popup-elements-table
{
	border-collapse: collapse;
	border: 1px solid #E4E4E5;
	height: 446px;
	overflow: auto;
	width: auto;
}

.vu-popup-element-wrapper
{
	padding: 0 0 5px 4px;
	margin: 0 0 10px 0;
	height: 28px;
	vertical-align: top;
}

.vu-popup-element-header
{
	font: bold 14px Lucida Console, Helvetica, Arial;
}

.vu-popup-element-subheader
{
	font: normal 14px Lucida Console, Helvetica, Arial;
}

.vu-popup-element-props
{
	border: 1px solid #E4E4E5;
	overflow: auto;
	width: 100%;
}

.vu-popup-element-props-default
{
	height: 440px;
}

.vu-popup-element-props-type-1
{
	height: 352px;
}

.vu-popup-element-props-type-2
{
	height: 396px;
}

.vu-popup-element-props-business-parameter
{
	height: 403px;
}

.vu-popup-searchlist-props
{
	overflow: auto;
	width: 100%;
}

.vu-popup-filter-options
{
	margin: 0 0 10px 0;
	text-align: right;
}

.vu-popup-filter-options-searchlist
{ 
	position: absolute;
    right: 20px;
    top: 355px;
}

.vu-popup-filter-options-1
{
	margin: 9px 0 0 0;
	text-align: right;
	font-size: 12px;
	color: #999999;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SearchList Styles */

.searchlist-popup-find-wrapper  
{
	height: 225px;
}

.searchlist-popup-header  
{
}

.searchlist-popup-header input[type="text"]
{
	padding: 5px 20px 5px 5px;
	width: 240px;
}

.searchlist-popup-header button
{
	padding: 3px 10px 3px 10px !important;
}

.searchlist-popup-list 
{
	border: 1px solid #E4E4E5;
	margin: 6px 0 0 0 !important;
	height: 164px;
	overflow: auto;
}

.searchlist-popup-info 
{
	background: none repeat scroll 0 0 #E5E5E5;
    border: 1px solid #ACACAC;
    font-size: 11px;
    margin: 10px 0 0 0;
    padding: 5px;
}

.searchlist-popup-sel-wrapper  
{
	padding: 20px 0 0 0;	
}

.searchlist-filter-options  
{
	text-align: right;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Measure related styles */

.measure-list
{
	width: auto;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

.measure-list .category
{
	padding: 4px 5px 4px 5px;
	border: solid 1px #C5DBEC;
	background-color: #EBEBEC;
	clear: both;
	font-size: 15px;
	width: 600px;
}

.measure-list .not-selected
{
	background-color: #FEFEFE;
}

.measure-list .not-selected:hover, .measure-list .not-selected:hover div
{
	background-color: #5383CA;
	color: #FFFFFF;
}

.measure-list .selected
{
	background-color: #DDF9DE;
}

.measure-list .fieldrow
{
	border: solid 1px #C5DBEC;
}

.measure-list .fielditem
{
	padding: 4px 4px 4px 10px;
	border: solid 1px #C5DBEC;
	color: #1F75CC;
	cursor: pointer;
	width: 300px;
	vertical-align: top;
	position: relative;
}

.measure-list .fielditem-empty
{
	padding: 4px 4px 4px 10px;
	border-left: solid 1px #C5DBEC;
	border-right: solid 1px #C5DBEC;
	background-color: #FEFEFE;
	width: 300px;
}

.measure-list .fieldradio
{
	width: 20px;
}

.measure-list .fieldcontent
{
	width: 245px;
}

.measure-list .fieldname
{
	font-weight: bold;
	font-size: 12px;
	color: #222222;
}

.measure-list .fielddesc
{
	font-weight: normal;
	font-size: 11px;
	color: #666666;
	line-height: 12px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Measure-Aggregate related styles */

.aggregate-list
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.aggregate-list li
{
	padding: 5px;
	border-bottom: solid 1px #C5DBEC;
	background-color: #FEFEFE;
	cursor: pointer;
	color: #222222;
}

.aggregate-list li.not-selected
{
}

.aggregate-list li.not-selected:hover, .aggregate-list li.not-selected:hover div, .aggregate-list li.not-selected:hover span
{
	background-color: #5383CA;
	color: #FFFFFF;
}

.aggregate-list li.selected
{
	background-color: #DDF9DE;
}

.aggregate-list .fieldradio
{
	padding: 0 4px 0 0;
}

.aggregate-list .fieldcontent
{
	padding: 0 0 0 2px;
}

.aggregate-list .fieldname
{
	font-weight: bold;
	font-size: 12px;
	color: #222222;
}

.aggregate-list .fielddesc
{
	font-weight: normal;
	font-size: 11px;
	color: #666666;
	line-height: 12px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Filterable related styles */

.filterable-list
{
	width: auto;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

.filterable-list .category
{
	padding: 4px 5px 4px 5px;
	border: solid 1px #C5DBEC;
	background-color: #EBEBEC;
	clear: both;
	font-size: 15px;
	width: 600px;
}

.filterable-list .not-selected
{
	background-color: #FEFEFE;
}

.filterable-list .not-selected:hover, .filterable-list .not-selected:hover div
{
	background-color: #5383CA;
	color: #FFFFFF;
}

.filterable-list .selected
{
	background-color: #DDF9DE;
}

.filterable-list .fieldrow
{
	border: solid 1px #C5DBEC;
}

.filterable-list .fielditem
{
	padding: 4px 4px 4px 10px;
	border: solid 1px #C5DBEC;
	color: #1F75CC;
	cursor: pointer;
	width: 285px;
	vertical-align: top;
	position: relative;
}

.filterable-list .fielditem-empty
{
	padding: 4px 4px 4px 10px;
	border-left: solid 1px #C5DBEC;
	border-right: solid 1px #C5DBEC;
	background-color: #FEFEFE;
	width: 300px;
}

.filterable-list .fieldradio
{
	width: 20px;
}

.filterable-list .fieldcontent
{
	width: 244px;
}

.filterable-list .fieldname
{
	font-weight: bold;
	font-size: 12px;
	color: #222222;
}

.filterable-list .fielddesc
{
	font-weight: normal;
	font-size: 11px;
	color: #666666;
	line-height: 12px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Filterable-Filter value related styles */

.filtervalue-list
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.filtervalue-list li
{
	padding: 5px;
	border-bottom: solid 1px #C5DBEC;
	background-color: #FEFEFE;
	cursor: pointer;
	color: #222222;
}

.filtervalue-list-single li
{
	min-height: 20px;
}

.filtervalue-list-multiple li
{
	min-height: 15px;
}

.filtervalue-list li.info
{
	border: none;
	cursor: default;
}

.filtervalue-list li.not-selected
{
}

.filtervalue-list li.not-selected:hover, .filtervalue-list li.not-selected:hover div
{
	background-color: #5383CA;
	color: #FFFFFF;
}

.filtervalue-list li.selected
{
	background-color: #DDF9DE;
}

.filtervalue-list .fieldradio
{
	width: 20px;
}

.filtervalue-list .fieldcheckbox
{
	width: 20px;
}

.filtervalue-list .fieldcontent
{
	width: 248px;
	font-weight: normal;
	font-size: 12px;
}

.filtervalue-list .fieldcontent input[type="text"], select
{
	margin: 0 0 2px 0;
}

.filtervalue-input-disabled
{
	background: #EEEEEE;
}

.filtervalue-input-enabled
{
	background: #FEFEFE;
}

.filtervalue-input-text
{
	border: solid 1px #C5DBEC;
	padding: 2px;
	font-weight: normal;
	text-align: right;
}

.filtervalue-input-free-text
{
	border: solid 1px #C5DBEC;
	padding: 2px;
	font-weight: normal;
	text-align: left;
	width: 200px;
}

.filtervalue-input-date
{
	color: #222222;
}

.filtervalue-input-select
{
	border: solid 1px #C5DBEC;
	padding: 1px;
	font-weight: normal;
}

.filtervalue-input-year-wrapper
{
	margin: 10px 0 5px 0;
}

.filtervalue-input-year
{
	padding: 3px;
	margin: 3px;
	font-family: "Courier New" , "Lucida Sans";
	font-size: 12px;
	font-weight: normal;
}

.filtervalue-input-year-disabled
{
	border: solid 1px #C5DBEC;
	background: #EEEEEE;
	color: #222222;
}

.filtervalue-input-year-enabled
{
	border: solid 1px #C5DBEC;
	background: #FEFEFE;
	color: #222222;
}

.filtervalue-input-year-selected
{
	background: #062FFF;
	color: #FEFEFE;
}

.filtervalue-input-month-wrapper
{
	margin: 5px 0 5px;
}

.filtervalue-input-month
{
	padding: 3px;
	margin: 3px;
	font-family: "Courier New" , "Lucida Sans";
	font-size: 90%;
	font-weight: normal;
}

.filtervalue-input-month-disabled
{
	border: solid 1px #C5DBEC;
	background: #EEEEEE;
	color: #222222;
}

.filtervalue-input-month-enabled
{
	border: solid 1px #C5DBEC;
	background: #FEFEFE;
	color: #222222;
}

.filtervalue-input-month-selected
{
	background: #062FFF;
	color: #FEFEFE;
}

.filtervalue-input-weekday-wrapper
{
	margin: 10px 0 5px 0;
}

.filtervalue-input-weekday
{
	padding: 3px;
	margin: 3px;
	font-family: "Courier New" , "Lucida Sans";
	font-size: 90%;
	font-weight: normal;
}

.filtervalue-input-weekday-disabled
{
	border: solid 1px #C5DBEC;
	background: #EEEEEE;
	color: #222222;
}

.filtervalue-input-weekday-enabled
{
	border: solid 1px #C5DBEC;
	background: #FEFEFE;
	color: #222222;
}

.filtervalue-input-weekday-selected
{
	background: #062FFF;
	color: #FEFEFE;
}

.filtervalue-input-multidates-adddate-wrapper
{
	margin: 7px 0 5px 0;
}

.filtervalue-input-multidate-btn
{
	margin: 0 0 0 15px !important;
	width: 40px;
}

.filtervalue-input-multidate-btn-label
{
	line-height: 11px !important;
}

.filtervalue-input-multidate-list-wrapper
{
	/* border-top: 1px solid #DDDDDD; */
	margin: 10px 0 10px 0;
	padding: 0;
}

.filtervalue-input-multidate-date
{
	position: relative;
	background: none repeat scroll 0 0 #EEEEEE;
	border: 1px solid #C5DBEC;
	color: #222222;
	padding: 4px;
	margin: 9px 0 9px 0;
	font-family: "Courier New" , "Lucida Sans";
	font-size: 90%;
	font-weight: normal;
	width: 75px;
	text-align: center;
}

.filtervalue-input-multidate-date-delete-container
{
	position: absolute;
	left: 86px;
	top: -1px;
}

.filtervalue-input-multidate-date-delete
{
	background: url("../../images/cross.png") no-repeat scroll 0 0 transparent;
	display: block;
	height: 10px;
	width: 10px;
}

.filtervalue-input-multidate-date-delete:hover
{
	background-position: -10px 0;
}

.filtervalue-input-relrange-plus-wrapper
{
	padding: 5px 0 0 15px;
}

.filtervalue-input-relrange-plus-wrapper .plus
{
	width: 35px;
	display: inline-block;
}

.filtervalue-input-relrange-minus-wrapper
{
	padding: 5px 0 0 15px;
}

.filtervalue-input-relrange-minus-wrapper .minus
{
	width: 35px;
	display: inline-block;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Filter values BP*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Filterable-Filter value related styles */

.filtervalue-list-bp {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .filtervalue-list-bp li {
        padding: 5px;
        border-bottom: solid 1px #C5DBEC;
        background-color: #FEFEFE;
        cursor: pointer;
        color: #222222;
    }

.filtervalue-list-bp-single li {
    min-height: 20px;
}

.filtervalue-list-bp-multiple li {
    min-height: 15px;
}

.filtervalue-list-bp li.info {
    border: none;
    cursor: default;
}

.filtervalue-list-bp li.not-selected {
}

    .filtervalue-list-bp li.not-selected:hover, .filtervalue-list-bp li.not-selected:hover div {
        background-color: #5383CA;
        color: #FFFFFF;
    }

.filtervalue-list-bp li.selected {
    background-color: #DDF9DE;
}

.filtervalue-list-bp .fieldradio {
    width: 20px;
}

.filtervalue-list-bp .fieldcheckbox {
    width: 20px;
}

.filtervalue-list-bp .fieldcontent {
    width: 248px;
    font-weight: normal;
    font-size: 12px;
}

    .filtervalue-list-bp .fieldcontent input[type="text"], select {
        margin: 0 0 2px 0;
    }

.filtervalue-input-disabled {
    background: #EEEEEE;
}

.filtervalue-input-enabled {
    background: #FEFEFE;
}

.filtervalue-input-text {
    border: solid 1px #C5DBEC;
    padding: 2px;
    font-weight: normal;
    text-align: right;
}

.filtervalue-input-free-text {
    border: solid 1px #C5DBEC;
    padding: 2px;
    font-weight: normal;
    text-align: left;
    width: 200px;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Dimension related styles */

.dimension-list
{
	width: auto;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

.dimension-list .category
{
	padding: 4px 5px 4px 5px;
	border: solid 1px #C5DBEC;
	background-color: #EBEBEC;
	clear: both;
	font-size: 15px;
	width: 600px;
}

.dimension-list .not-selected
{
	background-color: #FEFEFE;
}

.dimension-list .not-selected:hover, .dimension-list .not-selected:hover div
{
	background-color: #5383CA;
	color: #FFFFFF;
}

.dimension-list .selected
{
	background-color: #DDF9DE;
}

.dimension-list .fieldrow
{
	border: solid 1px #C5DBEC;
}

.dimension-list .fielditem
{
	padding: 4px 4px 4px 10px;
	border: solid 1px #C5DBEC;
	color: #1F75CC;
	cursor: pointer;
	width: 300px;
	vertical-align: top;
	position: relative;
}

.dimension-list .fielditem-empty
{
	padding: 4px 4px 4px 10px;
	border-left: solid 1px #C5DBEC;
	border-right: solid 1px #C5DBEC;
	background-color: #FEFEFE;
	width: 300px;
}

.dimension-list .fieldradio
{
	width: 20px;
}

.dimension-list .fieldcontent
{
	width: 245px;
}

.dimension-list .fieldname
{
	font-weight: bold;
	font-size: 12px;
	color: #222222;
}

.dimension-list .fielddesc
{
	font-weight: normal;
	font-size: 11px;
	color: #666666;
	line-height: 12px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Dimension-Bin related styles */

.dimension-bin-list
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.dimension-bin-list li
{
	padding: 5px;
	border-bottom: solid 1px #C5DBEC;
	background-color: #FEFEFE;
	cursor: pointer;
	color: #222222;
}

.dimension-bin-list li.not-selected
{
}

.dimension-bin-list li.not-selected:hover, .dimension-bin-list li.not-selected:hover div
{
	background-color: #5383CA;
	color: #FFFFFF;
}

.dimension-bin-list li.selected
{
	background-color: #DDF9DE;
}

.dimension-bin-list .fieldradio
{
	padding: 0 4px 0 0;
}

.dimension-bin-list .fieldcontent
{
	padding: 0 0 0 2px;
}

.dimension-bin-list .fieldname
{
	font-weight: bold;
	font-size: 12px;
	color: #222222;
}

.dimension-bin-list .fielddesc
{
	font-weight: normal;
	font-size: 11px;
	color: #666666;
	line-height: 12px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Visual Unit Details styles */

.vu-details-content .field-name, .field-desc
{
	width: 300px;
}

.vu-details-content .field-auto-refresh
{
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ MDS Reorder styles */

.mds-reorder-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
	max-height: 440px;
	overflow: auto;
	width: 99%;
}

	.mds-reorder-list .mds-reorder-item {
		background: #4D4D4D repeat-x scroll 0% 100%;
		color: #FEFEFE;
		margin: 10px;
		padding: 5px;
		min-height: 27px;
		-moz-border-radius: 5px 5px 5px 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		cursor: move;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.mds-reorder-list .mds-reorder-name {
		font-size: 14px;
		display: inline-block;
		margin: 0 0 0 5px;
		padding: 5px 0 0 0;
	}

	.mds-reorder-list .mds-reorder-desc {
		display: none;
		font-weight: normal;
		font-size: 11px;
		line-height: 13px;
		color: #CACACA;
		margin: 0 0 0 5px;
	}

	.mds-reorder-list .mds-reorder-drag-img {
		width: 24px;
		height: 26px;
		margin: 0;
		padding: 0 0 0 28px;
		vertical-align: middle;
		position: relative;
		float: right;
	}

	.mds-reorder-list .mds-reorder-drag-div {
		height: auto;
		margin: 0;
		vertical-align: bottom;
		position: relative;
	}

.mds-reorder-drag-item {
	background: none repeat scroll 0 0 #FBEC88;
	border: 1px solid #FAD42E;
	min-height: 40px;
	margin: 10px;
	padding: 5px;
	cursor: move !important;
	-moz-border-radius: 5px 5px 5px 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Visual Unit Reorder styles */

.vu-reorder-list
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	max-height: 440px;
	overflow: auto;
	width: 99%;
}

.vu-reorder-list .vu-reorder-item  
{
	background: #4D4D4D repeat-x scroll 0% 100%;
	color: #FEFEFE;
	margin: 10px;
	padding: 5px;
	min-height: 27px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	cursor: move;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.vu-reorder-list .vu-reorder-name
{
	font-size: 14px;
	display: inline-block;
	margin: 0 0 0 5px;
	padding: 5px 0 0 0;
}

.vu-reorder-list .vu-reorder-desc  
{
	display: none;
	font-weight: normal;
	font-size: 11px;
	line-height: 13px;
	color: #CACACA;
	margin: 0 0 0 5px;
}

.vu-reorder-list .vu-reorder-drag-img
{ 
	width: 24px;
	height: 26px; 
	margin: 0;
	padding: 0 0 0 28px;
	vertical-align: middle;
	position: relative;
	float: right;
}
.vu-reorder-list .vu-reorder-drag-div {
        height: auto;
        margin: 0;
        vertical-align: bottom;
        position: relative;
}

.vu-reorder-drag-item
{ 
	background: none repeat scroll 0 0 #FBEC88;	
	border: 1px solid #FAD42E;
	min-height: 40px; 
	margin: 10px;
	padding: 5px;
	cursor: move !important;
	-moz-border-radius: 5px 5px 5px 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.hl-ui-editable {
    padding-right: 20px !important;
    background-image: url(../../images/edit-pencil-edit-allowed-24x24.png) !important;
    background-repeat:no-repeat !important;
    background-position: right !important;

}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Visual Unit Snapshots styles */

.snapshot
{
}

.snapshot-wrap
{
    min-height: 545px;
}
.help-wrap {
    min-height: 545px;
}

.snapshot .section-top
{
	padding: 10px 0px 10px 2px;
    height: 35px;
}

.snapshot .snapshot-report-info
{
    float: left;
	padding: 4px 0 0 0;
}

.snapshot .snapshot-nav-buttons
{
    float: right;
	padding: 8px 0 0 0;
}

.snapshot .snapshot-add-new
{
    float: right;
	padding: 8px 117px 0 0;
}

.snapshot .section-content
{
    border-top: 1px solid #CAC9C9;
    padding: 8px 0 0 0;
}

.snapshot .section-content-image
{
	float: left;
	width: 650px;
	margin: 12px 0 5px 0;
}

.snapshot .section-content-image .section-image
{
	width: 640px;
	height: 450px;
	border: 1px solid #11B61E;
	-moz-border-radius: 2px 2px 2px 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}

.snapshot .section-content-notes
{
	float: right;
	width: 295px;
	height: 100%;
	border-collapse: collapse;
	text-align: left;
	margin: 12px 0 5px 0;
}

.snapshot .section-content-notes-help {
    /*float: right;*/
    width: 960px;
    height: 100%;
    border-collapse: collapse;
    text-align: left;
    margin: 12px 0 5px 0;
}
.snapshot .section-content-notes-help-alt {
    float: right;
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    text-align: left;
    margin: 12px 0 5px 0;
}
.snapshot .notes-list-wrapper 
{
    overflow-y: scroll;
    height: 452px;
    border-bottom: solid 1px #D5D5D5;
}

.snapshot .notes-list
{
	padding: 0;
	margin: 0;
	width: 100%;
	overflow: auto;
}

.snapshot .notes-list li
{
	font-size: 14px;
	padding: 6px;
    margin: 0 0 10px 0;
	vertical-align: top;
	text-align: left;
	background-color: #FFFFFF;
	border: solid 1px #D5D5D5;
}

.snapshot .notes-list li:last-child 
{
    margin: 0 !important;
}

.snapshot .notes-count
{
    margin: 0 0 0 10px;
}

.snapshot .note-wrapper 
{
    height: 25px;
    padding: 5px 0 0 0;
	border-top: dotted 1px #D5D5D5;
}

.snapshot .note
{
    padding: 0 0 6px 0;
}

.snapshot .note-info
{
    float: left;
}

.snapshot .note-actions
{
    float: right;
	font-size: 11px !important;
}

.snapshot .note-actions a
{
	color: #ACACAC !important;
}

.snapshot .note-actions a:hover
{
	color: #529214 !important;
}

.snapshot .no-notes
{
    border: none !important;
}

.snapshot .notes-header
{
    float: left;
    padding-bottom: 10px;
}

.snapshot .add-new-snapshot-note-btn
{
    float: right;
    padding-bottom: 10px;
}

.snapshot .snapshot-info 
{
    float: left;
    padding-bottom: 10px;
}

.snapshot .delete-snapshot-btn 
{
    float: right;
    padding: 0 7px 0 0;
}

.snapshot .delete-snapshot-btn a 
{
    font-size: 12px;
    color: #ACACAC !important;
}

.snapshot .field-add-new-snapshot-note
{
	width: 300px;
}


.snapshot .snapshots-feed-search 
{
    min-height: 45px;
    border-bottom: 1px solid #CAC9C9;
    padding: 5px 0 0 0;
}

.snapshot .input-text-snapshots-feed-search
{
    width: 84%;
    padding: 5px;
}

.snapshot .section-message
{
    padding: 16px 0 0 0;
}

.snapshot .section-addnew
{
    text-align: center;
    padding: 205px 0 0 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Visual Unit Include Email styles */

.email-report-wrapper
{
	margin: 10px 0 5px 0;
}

.email-report-item
{
	padding: 3px;
	margin: 3px;
	border: solid 1px #C5DBEC;
	background: #FEFEFE;
	color: #222222;
    -moz-border-radius: 3px 3px 3px 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.email-report-item.item-never
{
	margin-right: 30px;
    margin-left: 0;
}

.email-report-item:hover
{
    background: #5383CA;
    color: #FFFFFF;
}

.email-report-item.selected
{
	background: #84C763;
}

.email-report-item.selected:hover
{
	color: #222222;
    cursor: default;
}

.hr-notes-list-wrapper {
    border-bottom: solid 1px #D5D5D5;
}

#hr_comment_dialog_wrapper::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

#hr_comment_dialog_wrapper::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

#hr_comment_dialog_wrapper *::-webkit-scrollbar {
    display: none;
}

/*DrillThru Search styles*/
.dt_form-group {
    position: relative;
    margin-left: 15px;
    float: left;
    display: inline-flex;
    width: 52%;
}

.form-label {
    position: absolute;
    left: 4px;
    top: 4px;
    color: #999;
    z-index: 10;
    transition: transform 150ms ease-out, font-size 150ms ease-out;
}
.focused .form-label {
    transform: translateX(350px);
    left: 0;
}

.form-input {
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
    width: 100%;
    position: relative;
    padding: 2px 0px 5px 5px;
    outline: 0;
    border: 0.5px solid gray;
    box-shadow: 0 1px 0 0 #e5e5e5;
    transition: box-shadow 150ms ease-out;
    margin-right: 5px;
}
    .form-input .focus {
    box-shadow: 0 2px 0 0 blue;
}

.clear_search_cross {
    position: relative;
    float: right;
    background: url(../../images/cross.png) no-repeat scroll 0 0 transparent;
    display: block;
    height: 10px;
    width: 10px;
    top: 6px;
    right:90px;
    cursor: pointer;
}
/*DrillThru Search styles*/

/* end */
/* Bluebox - lets make it generic. Is there a reason for it to be under
    .dashboard-vu-params-table .measure-info? I guess not.
*/
.bluebox-title {
    border-bottom: solid 1px #D5E7F5;
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 2px 3px;
}

.bluebox-subtitle {
    font-size: 12px;
    padding: 1px 0 0 3px;
    color: #7993A6;
}

.bluebox-content {
    font-size: 12px;
    font-weight: 400;
    padding: 1px 0 0 3px;
    color: #7993A6;
}

/* Arrow right left up down*/
.circle {
	height: 15px;
	width: 15px;
	background-color: gray;
	border-radius: 50%;
	display: block;
	float: right;
	margin-right: 10px;
}

i.float-right{
	float: right;
	margin-right: 10px;
}
i.float-left {
	float: left;
	margin: 0 10px 0 0px;
}

i.arrow {
	border: solid black;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	cursor: pointer;
	margin-top: 5px;
}

/*.right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.left {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}*/

.categoryUpArrow:hover, .categoryDownArrow:hover {
    color: #BCECBD;
}

.categoryUpArrow {
    /*transform: rotate(-135deg);
	transition: .5s;
	-webkit-transform: rotate(-135deg);*/
    cursor: pointer;
    color: #A7A8B5;
}

.categoryDownArrow {
	/*transform: rotate(45deg);
	transition: .5s;
	-webkit-transform: rotate(45deg);*/
	cursor: pointer;
	color: #A7A8B5;
}

.hide-category-item {
	display: none;
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes fadeIn {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}
/* End of arrow css */

/* End of Bluebox*/

/* End of Bluebox*/
#refinementProfileHeader {
	font: normal 12px Lucida Console, Helvetica, Arial !important;
	margin: 7px 0 7px 0;
	color: #222222;
}

#refinementProfileHeader * {
    font-family: Helvetica, Arial, "Lucida Sans" !important;
}

.dashboard-vu-params-table td {
	white-space: inherit;
}

/* Create MDS */
/*.mds-input-long {
    display: block;
    width: 70%;
    height: auto;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.mds-input-long:focus 
{
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}



.mds-input-short {
    display: block;
    width: 150px;
    height: auto;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/
    /*float:right;*/
/*}

.mds-input-short:focus 
{
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.mds-options {
    width: 400px;
    float: left;

}
.mds-columns 
{
    width:500px;
    float:right;
    height: 440px;
    overflow: auto;
}
#create_mds_dialog_wrapper 
{
    overflow:hidden;
}
.mds-reorder-list {

    overflow: visible !important;
}
.mds-reorder-list .mds-reorder-drag-div 
{
        height: auto;
        margin-top: 10px;
        margin-left: 5px;
        vertical-align: bottom;
        position: relative;
        width:400px;
        
}
.mds-reorder-list .mds-reorder-drag-div span
{
    color:lightgray;
}
.mds-reorder-option 
{
    height:30px;
}
.mds-desc-text 
{
    float:right;
    font-weight: bold;
}
.mds-drill-hide-check
{
    margin-top:2.5px;
    
}
.mds-drill-hide {
    float: right;
}
.mds-options-table tr
{
    height:50px;
}
#AddMDSColumns 
{
    margin-top: 8px;
}*/
/* End of Create MDS*/

.add-meta-data {
	cursor: pointer;
	color: #1F75CC;
}
.add-meta-data:hover {
	text-decoration: underline;
}
    /* end */
/* 
 * dragtable
 *
 * @Version 2.0.14
 *
 * default css
 *
 */
/*##### the dragtable stuff #####*/
.dragtable-sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    -moz-user-select: none;
}

.dragtable-sortable li {
    margin: 0;
    padding: 0;
    float: left;
    font-size: 1em;
    background: white;
}

.dragtable-sortable th, .dragtable-sortable td {
    border-left: 0px;

}

.dragtable-sortable li:first-child th, .dragtable-sortable li:first-child td {
    border-left: 1px solid #CCC;
}

.ui-sortable-helper {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.ui-sortable-placeholder {
    -moz-box-shadow: 4px 5px 4px #C6C6C6 inset;
    -webkit-box-shadow: 4px 5px 4px #C6C6C6 inset;
    box-shadow: 4px 5px 4px #C6C6C6 inset;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    visibility: visible !important;
    background: #EFEFEF !important;
    visibility: visible !important;
}

.ui-sortable-placeholder * {
        opacity: 0.0;
        visibility: hidden;
    }

#ap_statcase_priority {
	width: 94%;
}
/*
    end of dragtable stuff
*/

/* add clear cross on input */
span.deleteicon {
	position: relative;
	display: inline-flex;
	align-items: center;
	width: 100%;
}

span.deleteicon span {
	position: absolute;
	display: block;
	right: 3px;
	/* width: 15px;
	height: 15px;
	border-radius: 50%;
	color: #fff;
	background-color: #ccc;
	font: 13px monospace;
	text-align: center;
	line-height: 1em; */
	cursor: pointer;
}

	span.deleteicon input {
		padding-right: 18px;
		border-radius: 0px;
		border: 0.5px solid gray;
		box-sizing: border-box;
		width: 100%;
	}
/* add clear cross on input END*/

#snapshots_feed_search_wrapper .app-button {
	display: inline-block;
}
.action-link-disabled {
	background: #EEEEEE;
	 opacity:0.6;
}

tr.col-search-row td {
	position: relative;
	height: 30px;
}

tr.col-search-row td .search-container {
	position: absolute;
	left: 5%;
	right: 5%;
	bottom: 10%;
}