
/* Site.css global styles
-----------------------------------------------------------*/
html, body{min-height: 600px; background-color: #FFFFFF; overflow-y: hidden;}
img{margin-top: auto; margin-bottom: auto; vertical-align: middle;}
.section{position: absolute; background: #ffffff;}
.platform{background: #dddddd; top: 0; bottom: 0; left: 0; right: 0; box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); z-index:0; overflow:hidden; margin: 69px 20px 0 20px;}
.overlay{background-color: rgba(1, 1, 1, 0.7); bottom: 70px; left: 0; position: absolute; right: 0; top: 0; z-index: 1;}
.btnAdd{border: 0; background: url(../images/add.gif) no-repeat; height: 16px; width: 16px; cursor: pointer;}
.btnAdd-hover{border: 0; background: url(../images/add-hover.gif) no-repeat; height: 16px; width: 16px;}
.btnRemove{border: 0; background: url(../images/remove.gif) no-repeat; height: 16px; width: 16px; cursor: pointer;}
.btnRemove-hover{border: 0; background: url(../images/remove-hover.gif) no-repeat; height: 16px; width: 16px;}
.global-busy-cursor{ cursor: progress !important; }
/*.cursor-busy{ cursor:wait;}*/
.input-prompt{position: absolute; font-style: italic; color: #aaa; margin: 0.5em 0 0 0.5em;}
.site-content{top:0px; bottom:2px; left:0px; right:0; background:#fff; min-width:0; z-index: 0;}
.invalid{background: none repeat scroll 0 0 #F17D7D;}
.read-only{position:absolute; top:0; left:0; right:0; z-index:1; background: black; opacity: 0; filter: alpha(opacity=0); height: 1200px; }

/* Slider related styles
-----------------------------------------------------------*/
.resizer{position:absolute; top:0; left:286px; height:100%; width:3px; border-left:.3px solid #999999; border-right:.3px solid #999999; cursor:col-resize; background: #bbbbbb; z-index:1025;}
.filter-container{overflow: auto; display:inline-block; float:left; width:260px; min-width:260px; height:100%;}
.plugin-container{margin-left: 288px; position: relative; right: 0; overflow:auto; height:100%;}
.tabbed-filter-container{display: inline-block; float: left; height: 100%; min-width: 260px; width: 260px;}
.resizer-thin{position:absolute; top:0; left:260px; height:100%; width:3px; border-left:.3px solid #999999; border-right:.3px solid #999999; cursor:col-resize; background: #bbbbbb; z-index:1025;}
.filter-container-thin{overflow: auto; display:inline-block; float:left; width:234px; min-width:234px; height:100%;}
.plugin-container-thin{margin-left: 262px; position: relative; right: 0; overflow:auto; height:100%;}
.tabbed-filter-container-thin{display: inline-block; float: left; height: 100%; min-width: 234px; width: 234px;}

/* Header Styles
-----------------------------------------------------------*/
div.site-header{margin: 0 20px; min-width: 1200px; padding: 8px;}
/*top: 0px; right: 0px; left: 0px; z-index: 3; background: #FFFFFF; margin: 0 20px 0 20px; min-width: 1200px; padding: 8px; height: 50px;*/

.site-header .branding{float: left; width: 600px;}
.site-header .global{float: right; width: 600px; text-align: right;}
.site-header .global ul{list-style: none; margin: 0; padding: 0;}
.site-header .global ul li{display: inline-block;}
.site-header .user-info{clear: right; float: right; font-size: 1.5em; margin-top: 8px;}

/* Footer Styles
-----------------------------------------------------------
#footer{ text-align: center; height: 50px; bottom: 0; right: 0; left: 0; z-index: 2; margin: 0; padding: 8px;}*/

/* Site-Wide jQuery ui overrides
-----------------------------------------------------------*/
.ui-tabs-panel{bottom: 0; overflow-y: auto; position: absolute; top: 31px; left: 0; right: 0; padding: 1em 1em 0 !important;}
.ui-tabs{padding: 0;}
.ui-tabs .ui-tabs-nav li a{padding: 0.2em .8em;}
.kettle-tabs{border: 0;	height: 100%;}
.kettle-tabs > ul.ui-corner-all{border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;}

/* FilterTree styles
-----------------------------------------------------------*/
.filterWrapper{padding: 5px; bottom: 0; left: 0; position: absolute; right: 0; top: 0;}
#ft-day, #ft-year{height: 16px;}
.filterHeader{padding-bottom: 10px;white-space: nowrap;}
.filter-tree-day, .filter-tree-showinactive{white-space: nowrap;}
.filter-tree-load{padding-top:3px;padding-bottom:5px;}
input.filter-tree-daypicker{width:100px;}
div.spacer{height: 10px;}
.jstree-classic .jstree-icon.jstree-cal-icon{display: inline-block; background-image: url("/images/calendar.gif"); background-position : 0px !important;}
.jstree-classic .jstree-icon.jstree-shift-icon{display: inline-block; background-image: url("/images/schedule-icon.gif"); background-position : 0px !important;}
.jstree-classic .jstree-icon.jstree-route-icon, .jstree-icon.jstree-route-icon {
	display: inline-block;
	background: none;
	border: 1px solid #666666;
	width: 10px;
	height: 10px;
	border-radius: 6px;
	line-height: 10px;
	margin-right: 3px;
}
.jstree-classic .jstree-icon.jstree-route-icon.has-route{background-color: #666666;}
.jstree-classic .jstree-icon.jstree-no-icons{display: none;}


#deposits_filters-ft-range td, #filters-range-ft-range td{white-space:nowrap; padding-bottom:.3em;}
#deposits_filters-ft-range td img, #filters-range-ft-range td img{vertical-align: middle; }
li.filtertree-disabled > a{color:#ccc !important;}
li.filtertree-disabled > a > ins.jstree-checkbox{display:none !important;}

/* FilterTreePanel */
.filter-tree-panel-container{position: absolute;bottom: 0px;top:0px;right:0px;left:0px;background-color: #EDEAE1;}
.filter-panel-icons{position: absolute;top:3px;right:5px;z-index:1100;}
.filter-panel-unpinned .filter-panel-icons span.ui-icon-pin-w{display:block;cursor: pointer;}
.filter-panel-unpinned .filter-panel-icons span.ui-icon-pin-s{display:none;}
.filter-panel-pinned .filter-panel-icons span.ui-icon-pin-w{display:none;}
.filter-panel-pinned .filter-panel-icons span.ui-icon-pin-s{display:block;cursor: pointer;}
.filter-panel-unpinnable .filter-panel-icons span.ui-icon-pin-w, .filter-panel-unpinnable .filter-panel-icons span.ui-icon-pin-s{display:none;}
.filter-tree-panel-tree-container{overflow: auto;position: absolute;bottom: 45px;top:21px;right:5px;left:5px;border:1px solid #c9c9c9;background-color: White;}
.filter-tree-panel-buttons{position: absolute;bottom: 10px;left: 5px;right: 5px;height:30px;}
.filter-tree-panel-buttons input, .filter-tree-panel-buttons span{float: right;}
.filter-panel-pinned .filter-tree-panel-close-button{display:none;}

/* Styles for basic forms ???????????????????????????????????????????????????????????????????????
-----------------------------------------------------------*/
fieldset{border: 1px solid #ddd; padding: 0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0;}
legend{font-size: 1.2em; font-weight: bold;}
textarea{min-height: 75px; max-width: 100%;}
.editor-label{margin: 1em 0 0 0;}
.editor-field{margin: 0.5em 0 0 0;}
.error, .field-validation-error, .ValidationMessage, .validation-summary-errors{color: #ff0000;}
.input-validation-valid, .field-validation-valid, .validation-summary-valid{display: none;}
.input-validation-error{border: 1px solid #ff0000; background-color: #ffeeee; outline: none;}
.input-validation-error:focus, input[type="text"].input-validation-error:focus, select.input-validation-error:focus{outline: none;}
.validation-summary-errors span{font-weight: 700;}
.validation-summary-errors ul{list-style: disc inside;}
.validation-summary-errors ul li{font-weight: normal;}
.validation-summary-errors ul li label, .validation-summary-errors ul li span{ display: inline !important; font-weight: normal;}
.validation-summary-warnings span{font-weight: 700;}
.validation-summary-warnings ul{list-style: disc inside;}
.validation-summary-warnings ul li{font-weight: normal;}
.validation-summary-warnings ul li label, .validation-summary-errors ul li span{ display: inline !important; font-weight: normal;}
#error-list{white-space: normal;}
.validation-summary-valid{font: 13px Helmet,Freesans,sans-serif; display: none;}

/* Generic styles
-----------------------------------------------------------*/
.text-right{text-align: right;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.float-right{float: right;}
.float-left{float: left;}
.float-center{margin: auto;}
.pad2-right{padding-right: 2px;}
.pad2-left{padding-left: 2px;}
.pad3{padding: 3px;}
.pad5{padding: 5px;}
.pad8{padding: 8px;}
.pad10{padding: 10px;}
td.vmiddle{vertical-align: middle;}
td.vtop{vertical-align: top;}

/* HelpMenu */
.help-menu
{
	position: absolute;
	z-index: 1000;
	background-color: white;
	min-width: 150px;
	border: 1px solid #c9c9c9;
}
.help-menu > hr
{
	margin: 3px 3px 2px;
}
.help-menu > div.heading
{
	display: block;
	padding: 5px;
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
	cursor: default;
	border-bottom: 1px solid #C9C9C9;
	border-top: 1px solid #C9C9C9;
	/*background: #EDEAE1;*/
    background: rgb(228,228,228); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZTRlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOWM5YzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(228,228,228,1) 0%, rgba(201,201,201,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,228,228,1)), color-stop(100%,rgba(201,201,201,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(228,228,228,1) 0%,rgba(201,201,201,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(228,228,228,1) 0%,rgba(201,201,201,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(228,228,228,1) 0%,rgba(201,201,201,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(228,228,228,1) 0%,rgba(201,201,201,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-8 */
}
.help-menu > div.heading:first-child
{
	border-top: none;
}
.help-menu > a
{
	display: block;
	padding: 5px;
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	color: #333;
}
.help-menu > a:hover
{
	background: #f0f0f0;
	color: #333;
}

/* jQuery Overides */

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: 0.2em 1em;
    text-decoration: none;
}
@media (max-width:1279px) {
	.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
		padding: .4em .6em;
		font-size: 12px;
	}
}

/* nav header */

.nav-container {background: #333; position: absolute; left: 0; top: 0; right: 0; height: 40px; line-height: 40px;}
.nav-expand {
	position: absolute;
	left: 0;
	overflow: hidden;
	max-width: 40px;
	height: 40px;
	padding: 0 !important;
	background: #fff;
	white-space: nowrap;
	-moz-transition-property: max-width,box-shadow;
	-webkit-transition-property: max-width,box-shadow;
	transition-property: max-width,box-shadow;
	-moz-transition-duration: 0.6s;
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
}
.nav-expand:hover, .nav-expand.expanded {max-width: 1000px; box-shadow: 5px 0 3px -3px #000; -moz-transition: max-width 0.6s; -webkit-transition: max-width 0.6s; transition: max-width 0.6s;}
.nav-expand a {float: left; font-size: 13px; color: #000; text-decoration: none; padding: 0 10px;}
.nav-expand a>span.kettleicon {float: left; color: #acacac; margin: 9px 10px 0 0; font-size: 20px;}
.nav-expand a:first-child>span.kettleicon {color: #cc3333;}
.nav-expand a:hover {color: #000; text-decoration: none; background: #f2f2f2;}
.nav-expand a:hover>span.kettleicon {color: #cc3333;}

.nav-container .top-nav {float: right; margin-right: 20px; color: #fff;}
.nav-container .top-nav a {color: #fff; text-decoration: none;}
.nav-container .top-nav a:hover {color: #fff; text-decoration: underline;}
.nav-container .top-nav div.rpt-navMenuItem { display: inline-block; white-space: nowrap; cursor: pointer; }
.nav-container .top-nav div.rpt-navMenuItem .show-filter-image { display: inline-block; }

#global_help_link {display: inline-block; float: right; height: 40px; line-height: 40px; margin-left: 10px;}
.toolbar-help-icon {background-color: #aaa; border-radius: 10px;}
.toolbar-help-icon:hover {background-color: #888;}

#rptTitle {
	font-size: 20px;
	padding: 10px;
	display: inline-block;
	float: left;
}
#rptTitle:before {
	font-family: 'kettleicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\e602";
	display: inline-block;
	margin-right: 8px;
	font-size: 18px;
}
#lblErrorMessage {
	display: block;
	padding: 10px;
}

.glyphicon-star.rpt-isFavorite {
	display: inline-block;
	color: #ECC783;
    cursor: pointer;
    text-decoration: none;
	font-size: 22px;
	height: 43px;
	width: 22px;
	text-align: center;
	line-height: 38px;
	margin-left: 5px;
	position: relative;
}
.glyphicon-star.rpt-isFavorite:not(.loading):hover {
	color: #cba866;
}
.glyphicon-star.rpt-isFavorite.inactive {
	color: #e6e6e6;
}
.glyphicon-star.rpt-isFavorite.inactive:not(.loading):hover {
	color: #ccc;
}
.glyphicon-star.rpt-isFavorite.loading {
	cursor: default;
}
.glyphicon-star.rpt-isFavorite.loading:after {
	cursor: default;
	font-family: 'Glyphicons Halflings';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\e031";

	color: black;
	display: inline-block;
	font-size: 18px;
	position: absolute;
	top: 8px;
	left: 50%;
	margin-left: -12px;
	height: 22px;
	width: 22px;
	line-height: 22px;
	text-align: center;
	opacity: .8;

    -webkit-animation-name: spin;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 1000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 1000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;

    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

#rptViewer_ReportViewer {
	clear: both;
}

.inactive-node a {
	color: red !important;
}