﻿/* CSS Document */

:root {
	--kendo-border-radius-none: 0px;
	--kendo-border-radius-xs: 3px;
	--kendo-border-radius-sm: 3px;
	--kendo-border-radius-md: 3px;
	--kendo-border-radius-lg: 3px;
	--kendo-border-radius-xl: 3px;
	--kendo-border-radius-xxl: 3px;
	--kendo-border-radius-xxxl: 3px;
	--kendo-border-radius-full: 3px;
	--kendo-color-light: #ECECEC;
	--kendo-color-primary: #206fe5;
	--kendo-color-primary-hover: #195fc9;
	--kendo-color-on-primary: white;
	--kendo-color-primary-active: #2371E8;
	--kendo-color-primary-emphasis: black;
	--kendo-color-primary-on-subtle: black;
	--kendo-color-dark: #6B6B6B;
	--kendo-color-dark-hover: #5a5a5a;
	--kendo-color-secondary: #C2C2C2;
	--kendo-color-secondary-hover: #B2B2B2;
	--kendo-color-on-secondary: black;
	--kendo-color-tertiary: #A2C6FF;
	--kendo-color-tertiary-hover: #7cabf5;
	--kendo-color-tertiary-active: #BCD2F5;
	--kendo-color-on-tertiary: black;
	--kendo-color-inverse: #0B0544;
}

a.k-button-solid-success,
a.k-button-solid-success:hover,
a.k-button-solid-info,
a.k-button-solid-info:hover,
a.k-button-solid-warning,
a.k-button-solid-warning:hover,
a.k-button-solid-error,
a.k-button-solid-error:hover {
	color: white !important;
}

#inst_details_tabstrip > .k-tabstrip-content {
	overflow: hidden !important;
}

.k-listview-pager {
	border-top-width: 1px;
	border-top-color: var(--kendo-component-border, var(--kendo-color-border, #cccccd));
	border-bottom-color: var(--kendo-component-border, var(--kendo-color-border, #cccccd));
	border-bottom-width: 1px;
}

.k-detail-row {
	background-color: lightgray;
}
.k-grid-PrintCard {
	margin-top: 5px;
	margin-bottom: 5px;
}

button.k-button-sm {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

.rightAlign {
	margin-left: auto;
}
a.k-button-solid-dark:hover,
a.k-button-solid-inverse:hover,
a.k-button-solid-primary:hover,
a.k-button-solid-tertiary:hover {
	color: white !important;
}

a.primaryLinkButton{
	color: white !important;
	font-weight: normal;
}

a.k-button-solid-secondary:hover,
a.k-button-solid-light:hover,
a.k-button-solid-tertiary:hover {
	color: black !important;
}

li span.k-link {
    padding: 10px;
}

div.k-grid-norecords {
	text-align: center;
	display: block;
}

.k-switch{
	margin-bottom: 5px;
}

.csrPanel {
	background-color: black;
}

.k-tabstrip-content, .k-tabstrip > .k-content {
    padding: 0px !important;
}

.k-expander-header {
    background-color: lightgray !important;
}

.k-expander-title {
    color: #333333;
}

#do_not_activate_panel li a.k-header {
	font-size: 1em;
	color: black;
	font-weight: bold;
}

div.k-grid-norecords {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.java_embed {
	height: 0px !important;
	width: 0px !important;
	display: none !important;
}
    
.k-callout-n {
	left: 0% !important;
}

#dialog {
	z-index: 99999;
}

 
.copyright {
	font-size: 12px;        
}
    
p.errorPageMessage {
	font-size: 18px;
}
    
h1.errorPageHeader {
	color: #58585B;
}
    
.errorPageContainer {
	padding: 20px; 
	vert-align: top; 
	vertical-align: top;
}
    
#footer_container {
	margin: auto; 
	padding-bottom: 35px; 
	padding-top: 25px; 
	width: 835px;
}
    
#footerLogoContainer {
	margin: auto; 
	text-align: center; 
	width: 235px;
}
    
#footerLogoContainer SPAN {
	display: block; 
	font-size: 10px; 
}
.loginBody {
    background-color: var(--kendo-color-inverse);
}
body {
	color: black;
	font-family: "Arial, sans-serif", Arial, sans-serif !important;
	font-size: 1em;
	margin: 0;
	padding: 0;
}

.darkDrop, .darkDrop .k-dropdown {
	margin: 0px !important; 
	min-width: 200px;
    width: 80%;
}

	.darkDrop button, .darkDrop .k-dropdown button {
		padding: 0px !important;
	}

.k-menu li.k-item a.k-link {
	text-decoration: none;
}

.pullLeft { float: left !important; }

.pullRight { float: right !important; }

.clearFormat { clear: both !important; }


.columnFormatMedium { width: 175px; }

.columnFormatSmall { width: 100px; }

.interiorBlock { padding: 30px; }

#printmenu .k-link {
	cursor: pointer;
	text-decoration: none;
}



#centeredmenu {
	border: solid 1px #bcb4b0 !important;
    background-color: #eae8e8 !important;
}

.k-ie9 #centeredmenu ul, .k-ie9 #centeredmenu ul:hover {
	display: inline !important;
	margin: 0 auto;
	border: none !important;    
	white-space: nowrap;    
}

#centeredmenu ul, #centeredmenu ul:hover {
	margin: 0 auto;
	border: none !important;
    display: table;
	white-space: nowrap;

}

#printmenu li.k-state-highlight, #printmenu li.k-state-highlight:hover {
	background-color: transparent !important;
	background-image: url(/images/Chevron.gif);
	background-position: right;
	background-repeat: no-repeat;
	border: none !important;
	font-weight: bold !important;
}

#printmenu li.k-last, #printmenu li.k-last:hover {
	background-image: none !important;
	background-color: transparent !important;
    border: none !important;
}

#printmenu li.k-item, #printmenu li.k-item:hover {
	background-image: url(/images/Chevron.gif);
	background-color: #eae8e8 !important;
	background-position: right;
	background-repeat: no-repeat;
	border: none !important;
	display: inline;
}



	#printmenu li.k-item:hover {
		text-decoration: underline;
	}



.k-edit-form-container .k-button { float: right; }

.ui-dialog-titlebar { background-color: #D42E50 !important; }

#container { background-color: transparent !important; }

p, ul {
	margin-bottom: 10px;
}

header, footer, nav, section { display: block; }

/* HEADINGS   
----------------------------------------------------------*/

h1 {
	font-size: 1.33em !important;
	margin-bottom: 0;
	padding-bottom: 0;
}

h2 {
	font-size: 1.33em !important;
	margin-bottom: 25px;
	border-bottom: solid 1px silver;
	padding: 0;
}

h3 { font-size: 1em; }

h4 { font-size: 1em; }

h5 { font-size: 1em; }

h6 { font-size: .85em; }

.page {
	margin: auto;
	width: 100%;
}

header, #header {
	margin-bottom: 0px;
	padding: 0;
}

header h1, #header h1 {
	border: none;
	color: #fff;
	margin: 0;
	text-shadow: 1px 1px 1px #111;
}

#main {
	margin: auto;
	min-height: 600px;
	padding: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px !important;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/


textarea { min-height: 75px; }


td.darktable a { color: white; }

.clear { clear: both; }

.error { color: Red; }

nav, #menucontainer {
	clear: both;
	display: block;
}

div#title {
	display: block;
	float: left;
	text-align: left;
}

#logindisplay {
	color: White;
	display: block;
	margin: 10px;
	text-align: right;
}

#logindisplay a:link {
	color: white;
	text-decoration: underline;
}

#logindisplay a:visited {
	color: white;
	text-decoration: underline;
}

#logindisplay a:hover {
	color: white;
	text-decoration: none;
}
/* Styles for validation helpers
-----------------------------------------------------------*/


.field-validation-valid { display: none; }


h2.printheader {
	float: left;
	margin: 0px !important;
	margin-bottom: 10px !important;
	border-bottom: none !important;
	padding: 0px;
}

.printstep div.k-block {
	background-color: white;
	border-top: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	padding: 0px;    
}

.printstep { border-top: none; }

.innererrordiv {
	-moz-border-radius: 0px;
	-webkit-border-radius:0px;
	border: solid 1px white;		
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-radius: 0px;
	border-right-width: 0px;
	border-top-color: #FD9584;
	color: white;
	min-height: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 10px;
	text-shadow: 0px 1px 0 rgba(103, 54, 79, 1);
	vertical-align: middle;
}

#dismisserror, #dismisssuccess, #dismisswarning {
	cursor: pointer;
	float: right;
	margin-right: 10px;
	text-decoration: underline;
}

#inner_errorMsg, #inner_successMsg, #inner_infoMsg, #inner_warningMsg {
    float: left;
}

.k-detail-row, .k-detail-row:hover {
    background-color: lightgray !important;
	display: table-row;
}
td.k-detail-cell {
    padding: 20px;
}

#errorMsg, .errorMsg {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	background-color: #FD5953;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FD5953), to(#FA4F3D));
	background-image: -webkit-linear-gradient(top, #FD5953, #FA4F3D);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FD5953), to(#FA4F3D));
	background-image: -webkit-linear-gradient(top, #FD5953, #FA4F3D);
	background-image: -moz-linear-gradient(top, #FD5953, #FA4F3D);
	background-image: -ms-linear-gradient(top, #FD5953, #FA4F3D);
	background-repeat: no-repeat;
	border: solid 1px #C63434;
	border-radius: 0px;
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FD5953, endColorstr=#FA4F3D);
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
}

.validation-summary-errors {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	background-color: #FD5953;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FD5953), to(#FA4F3D)) !important;
	background-image: -webkit-linear-gradient(top, #FD5953, #FA4F3D) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FD5953), to(#FA4F3D)) !important;
	background-image: -webkit-linear-gradient(top, #FD5953, #FA4F3D) !important;
	background-image: -moz-linear-gradient(top, #FD5953, #FA4F3D) !important;
	background-image: -ms-linear-gradient(top, #FD5953, #FA4F3D) !important;
	border: solid 1px #C63434;
	border-radius: 0px;
	color: white;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FD5953, endColorstr=#FA4F3D) !important;
	font-size: smaller;
	font-weight: bold;
	margin-bottom: 10px;
	text-shadow: none !important;
}

.validation-summary-errors ul {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border: solid 1px #FF9999;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-radius: 0px;
	padding: 10px;    
}

.innersuccessdiv {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border: solid 1px white;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-radius: 0px;
	border-right-width: 0px;
	border-top-color: #AFD44E;
	color: white;
	min-height: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 10px;
	text-shadow: 0px 1px 0 rgba(103, 54, 79, 1);
	vertical-align: middle;
}

#successMsg, .successMsg {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	background-color: #88BD00;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#88BD00), to(#7EB000));
	background-image: -webkit-linear-gradient(top, #88BD00, #7EB000);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#88BD00), to(#7EB000));
	background-image: -webkit-linear-gradient(top, #88BD00, #7EB000);
	background-image: -moz-linear-gradient(top, #88BD00, #7EB000);
	background-image: -ms-linear-gradient(top, #88BD00, #7EB000);
	background-repeat: no-repeat;
	border: solid 1px #71A100;
	border-radius: 0px;
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#88BD00, endColorstr=#7EB000);
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
}


.innerinfodiv {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border: solid 1px white;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-radius: 0px;
	border-right-width: 0px;
	border-top-color: #FFFFFF;
	color: black;
	min-height: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 10px;
	text-shadow: 0px 1px 0 rgba(207, 230, 252, 1);
	vertical-align: middle;
}

#infoMsg, .infoMsg {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	background-color: #CFE6FC;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#CFE6FC), to(#B2CAE0));
	background-image: -webkit-linear-gradient(top, #CFE6FC, #B2CAE0);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#CFE6FC), to(#B2CAE0));
	background-image: -webkit-linear-gradient(top, #CFE6FC, #B2CAE0);
	background-image: -moz-linear-gradient(top, #CFE6FC, #B2CAE0);
	background-image: -ms-linear-gradient(top, #CFE6FC, #B2CAE0);
	background-repeat: no-repeat;
	border: solid 1px #84B1C0;
	border-radius: 0px;
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#CFE6FC, endColorstr=#B2CAE0);
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
}

.innerwarningdiv {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border: solid 1px white;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-radius: 0px;
	border-right-width: 0px;
	border-top-color: #FFFFFF;
	color: #645A2E;
	min-height: 20px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 10px;
	text-shadow: 0px 1px 0 rgba(247, 222, 113, 1);
	vertical-align: middle;
}

#warningMsg, .warningMsg {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	background-color: #F6D641;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F6D641), to(#F7CE31));
	background-image: -webkit-linear-gradient(top, #F6D641, #F7CE31);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F6D641), to(#F7CE31));
	background-image: -webkit-linear-gradient(top, #F6D641, #F7CE31);
	background-image: -moz-linear-gradient(top, #F6D641, #F7CE31);
	background-image: -ms-linear-gradient(top, #F6D641, #F7CE31);
	background-repeat: no-repeat;
	border: solid 1px #CBAC00;
	border-radius: 0px;
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#F6D641, endColorstr=#F7CE31);
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
}

#printmenu {
	border-top-left-radius: 4px !important;
	border-top-right-radius: 4px !important;    
}

#deviceselection {
	border-left: none !important;
	border-right: none !important;
	border-top: none !important;
}

#printmenu .k-state-highlight { border-top-left-radius: 4px !important; }

#programSelection {
	border-left: none !important;
	border-right: none !important;
}

#listView_pager {
	border-left: none !important;
	border-right: none !important;
}

.cardlayout {
	-moz-border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
	border: 1px solid #B2B2B2 !important;
	border-radius: 10px !important;
	color: #6E6E6E;
	height: 250px;
	margin: auto;
	margin-bottom: 15px;
	width: 378px;        
}

.k-ie8 .cardlayout {
	margin-left: 75px;
}



.cardlayout input:hover, .cardlayout input:focus {
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	border-color: #C9C9C9;
}

#sitelist, #instlist { border: solid 1px red !important; }
    
.k-toolbar .k-combobox { width: 165px !important; }
    
.k-upload-button { width: 125px !important; }

.modalButton {
	float: right;
}

h2.companycolor { margin-top: 10px; }

.printstep {
	margin: auto;
	max-width: 960px;
	min-width: 960px;
	padding-top: 20px;
}

.k-i-save {
	background-image: url(/images/disk-black.png);
	height: 16px;
}

.k-i-print {
	background-image: url(/images/printer.png);
	height: 16px;
}

.k-i-key {
	background-image: url(/images/key.png);
	height: 16px;
}

.k-i-arrow_down {
	background-image: url(/images/arrow_down.png);
	height: 16px;
}

span.k-pager-sizes > span.k-picker {
	min-width: 90px;
}

.verticalMiddle {
	vert-align: middle; 
	vertical-align: middle;
}

.user_info_bar {
    color: white;
	font-size: .7em;
	font-weight: bold;
	margin-bottom: 0px;
	min-height: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	height: 30px;
}

.innerGrid .k-grid-edit, .innerGrid .k-grid-update, .innerGrid .k-grid-cancel, .innerGrid .k-grid-delete {
	margin: 1px !important;
	max-width: 27px !important;
	min-width: 27px !important;
	width: 27px !important;
}
   
.tooltable, .tooltable TD {
	border: none;
}

table.busHourTable, table.busHourTable TD, table.busHourTable TH {
	border: none !important;
	padding: 5px;
}

#user_editor {
	margin-bottom: 0px;
	width: 950px;
}

#user_editor .tableform label {
	background-color: #F5F5F5;
	display: inline-block;
	margin-right: 2px;
	padding: 9px;
	text-align: right;
	width: 110px;
}

#user_editor .tableform input[type="text"] { width: 180px; }

#user_editor .optionsblock label {
	display: inline-block;
	width: 250px;
}

#user_editor .optionsblock {
	display: inline-block;
	width: 250px;
}

#user_editor fieldset {
	border-color: #F5F5F5;
	margin-bottom: 5px;
	padding-top: 10px;
}

#user_editor #servicelocations .k-item {
	padding-bottom: 5px;
	padding-top: 5px;
}

#user_editor #role_viewer {
	height: 289px;
	overflow: auto;
	width: 225px;
}

.tableform, .tableform td, #user_editor, #user_editor td {
	vert-align: top;
	vertical-align: top;
}

.k-group .k-minus, .k-group .k-plus {
	margin-left: -35px !important;
	margin-right: 20px !important;        
}

.errorDisplayBlock {
	-moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	background-color: #f4f5f5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
	background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);
	border: solid 1px #9B9B9B;
	border-bottom: solid 10px red;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f4f5f5, endColorstr=#dfdddd);
	margin: auto;
	margin-top: 100px !important;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);
	width: 800px;    
}

.k-menu-link {

    padding: 0.60em !important;

}

.big {
	color: #58585B;
	font-size: 96px;
	margin: 10px;
	padding: 10px;
	padding: 10px;        
}

.outerBevel {
	border: solid 1px #9B9B9B;
}

.centered {
	left: 50%;
	margin-left: -175px;
	margin-top: -200px;
	position: fixed;
	top: 50%;
}

.outerLoginContainer { width: 400px; }

.k-ie10 .outerLoginContainer, 
.k-webkit .outerLoginContainer, 
.k-ff .outerLoginContainer, 
.k-ie10 .innerLoginContainer, 
.k-webkit .innerLoginContainer, 
.k-ff .innerLoginContainer {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.innerLoginContainer { width: 400px; }

.loginHeader {
	background-color: white;
	border-bottom: solid 1px #9B9B9B;
	height: 70px;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 400px;
}

.k-ie10 .loginHeader, .k-webkit .loginHeader, .k-ff .loginHeader {
	-moz-border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;         
}

.loginblock {
	background-color: var(--kendo-color-light);
	color: var(--kendo-color-dark);
}

.logintextbox {
	width: 100%;
    line-height: 1.65em;
}

.login_button {
	float: right;
	margin-bottom: 10px;
	padding-left: 20px !important;
	padding-right: 20px !important;
    padding-top: 3px;
    padding-block: 3px;
}

.validation-summary-errors ul {
	margin: 0px;
	padding: 0px;
}

.validation-summary-errors ul li {
	list-style-type: none;
	margin: 0px;
	padding: 3px;
	padding-left: 10px;
}

.clear {
	clear: both;
	height: 0;
	line-height: 0;
}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix { display: inline-block; }

* html .clearfix { height: 1%; }

.clearfix { display: block; }

.clearfix { height: 1%; }

.clearfix { display: block; }

.tab {
	background: url(/images/tab_b.png) repeat-x 0 0;
	height: 40px;
	position: relative;
	top: 0;
	z-index: 999;
}

#csropts .k-dropdown { width: 220px; }

#csropts{ height: 57px;}

#csropts td {
	padding: 5px; 
	vert-align: middle; 
	vertical-align: middle;
}
    
.emulationCntrl {
	width: 285px !important;
}

#emulatingDlg.k-window-content { padding: 0px !important; }

#emu_inst-list, #emu_svcloc-list, #emu_user-list { width: 375px !important; }

.tab ul.login {
	clear: right;
	color: white;
	display: block;
	float: right;
	font-size: .7em;
	height: 40px;
	line-height: 40px;
	margin: 0;
	position: relative;
	right: 150px;
	text-align: center;
	width: auto;
	padding: 0px;    
}

#toggle {
	width: 60px;
}

.tab ul.login li.left {
	background: url(/images/tab_l.png) no-repeat left 0;
	display: block;
	float: left;
	height: 40px;
	margin: 0;
	padding: 0;
	width: 30px;
}

.tab ul.login li.right {
	background: url(/images/tab_r.png) no-repeat left 0;
	display: block;
	float: left;
	height: 40px;
	margin: 0;
	padding: 0;
	width: 30px;
}

.tab ul.login li {
	background: url(/images/tab_m.png) repeat-x 0 0;
	display: block;
	float: left;
	height: 40px;
	padding: 0 6px;
	text-align: left;
}

.tab ul.login li a { color: #15ADFF; }

.tab ul.login li a:hover { color: white; }

.tab a.open, .tab a.eclose {
	cursor: pointer;
	display: block;
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	position: relative;
	top: 11px;
	width: 100px;
}

.tab a.open { background: url(/images/bt_open.png) no-repeat left 0; }

.tab a.eclose {
	background: url(/images/bt_close.png) no-repeat left 0;
}

.tab a:hover.open {
	background: url(/images/bt_open.png) no-repeat left -19px;
}

.tab a:hover.eclose {
	background: url(/images/bt_close.png) no-repeat left -19px;
}

/* sliding panel */

#toppanel {
	margin-left: auto;
	margin-right: auto;
	margin-top: 49px;
	position: absolute; /*Panel will overlap  content */
	/*position: relative;*//*Panel will "push" the content down */
	top: 0;
	width: 100%;
	z-index: 999;
}

#panel {
    color: #999999;
	display: none;
	height: 70px;
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 3;
}

#panel .content input:focus.field { 
	background: #545454; 
}

#selectable_roles, #selectable_reports, #selectable_printers {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.reportChevron {
	background-image: url(/images/Chevron.gif);
	background-position: 97% 15px;
	background-repeat: no-repeat;
	border: none !important;
}

#inv_container h4 {
	margin: 0px;
	padding: 0px;
}

#inv_container .ui-tabs-vertical {
	margin: auto;
}

#inv_container .ui-tabs-vertical .ui-tabs-nav {
	float: left;
	width: 15em;
}

#inv_container .ui-tabs-vertical .ui-tabs-nav li {
	border-bottom-width: 1px !important;
	border-right-width: 0 !important;
	clear: left;
	margin: 0px;
	width: 100%;
}

#inv_container .ui-tabs-vertical .ui-tabs-nav li a { 
	display: block; 
}

#inv_container .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
	border-right-width: 1px;
	border-right-width: 1px;
	padding-bottom: 0;
	padding-right: .1em;
}

#inv_container .ui-tabs-vertical .ui-tabs-panel {
	background-color: white;
	border-left: solid 1px #aaaaaa;
	float: left;
}

#inv_container .ui-state-focus { 
	outline: none !important; 
}

#inv_container .ui-widget-content { 
	background-color: white !important; 
}

#inv_container .ui-state-default {
	background: none !important;
	border: none !important;
	display: block !important;
	text-shadow: none !important;
}

#inv_container .ui-state-active {
	background-color: white !important;
}

#report_wizard .wizard-modal form {
	margin: 0;
	padding: 0;
}
#report_wizard .wizard-modal-footer {
	padding: 0px;
	background-color: #f5f5f5;
	text-align: right;
}
#report_wizard .wizard-hide-card {
	display: none !important;
}

#report_wizard .wizard-modal-header.modal-header h3 {
	display: inline;
	line-height: 35px;
}

#report_wizard .wizard-modal-header.modal-header { 
	border-bottom: 0; 
}

#report_wizard .wizard-subtitle {
	color: #AFAFAF;
	font-weight: bold;
	padding-left: 20px;
}

#report_wizard .navigation {
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-left: 0px;
}

#report_wizard .disabled { 
	display: none !important; 
}

#report_wizard .navigation li { 
	padding: 5px; 
}

#report_wizard .active {
	background-color: white !important;
	color: black;
}

#report_wizard .active a { 
	color: black !important; 
}

#report_wizard .inner_wizard_container {
	margin-top: 0px !important; 
	border: solid 1px silver; 
	background-color: white;
	border-radius: 0px;
}

#report_wizard .already-visited { 
	cursor: pointer; 
}

#report_wizard .already-visited a { 
	color: black !important;
}

#report_wizard .wizard-nav-item a { 
	color: silver; 
}

#report_wizard .wizard-error,
#report_wizard .wizard-failure,
#report_wizard .wizard-success,
#report_wizard .wizard-loading,
#report_wizard .wizard-card {
	border-top: 1px solid #EEE;
	display: none;
	margin-right: 5px;
	overflow-y: auto;
	padding: 15px;
	position: relative;
}

#report_wizard .wizard-nav-link .icon-chevron-right {
	float: right;
	margin-top: 12px;
	opacity: .25;
}

#report_wizard li.wizard-nav-item.active .icon-chevron-right { 
	opacity: 1; 
}

#report_wizard li.wizard-nav-item { 
	line-height: 40px; 
}

#report_wizard .wizard-modal.modal .nav-list > li > a {
	background-color: #f5f5f5;
	color: #B4B4B4;
	cursor: default;
	padding: 3px 15px 3px 20px;
}

#report_wizard .wizard-modal.modal .nav-list li.active > a { 
	background-color: #08C; 
}

#report_wizard .wizard-modal.modal .nav-list > li.already-visited > a.wizard-nav-link {
	color: #08C;
	cursor: pointer;
}

#report_wizard .wizard-modal.modal .nav-list > li.active > a.wizard-nav-link { 
	color: white; 
}

#report_wizard .already-visited > a.wizard-nav-link:hover { 
	background-color: #E4E4E4; 
}

#report_wizard .wizard-card > h3 {
	font-weight: normal;
	line-height: 40px;
	margin-bottom: 20px;
	margin-top: 0;
}

#report_wizard .wizard-progress {
	bottom: 0;
	padding: 15px;
}

#report_wizard .wizard-progress-container { 
	padding: 20px; 
}

#report_wizard .wizard-steps {
	background-color: #f5f5f5;
	max-width: 250px;
	width: 28%;
}

#report_wizard .nav > li > a.wizard-step-error {
	background-color: #F2DEDE;
	color: #B94A48;
	font-weight: bold;
}

#report_wizard .wizard-step-error .icon-chevron-right { 
	opacity: 0; 
}

#report_wizard .wizard-input-section { 
	margin-bottom: 20px; 
}

#report_wizard .wizard-buttons-container { 
	padding: 10px;
	border-top: solid 1px silver; 

}

#report_wizard .wizard-modal .popover.error-popover {
	background-color: #F2DEDE;
	border-color: #953B39;
	color: #B94A48;
}

#report_wizard .wizard-modal .popover.error-popover .arrow::after { 
	border-right-color: #F2DEDE; }

#report_wizard .wizard-modal .popover.error-popover .popover-title { 
	display: none; }

#report_wizard .wizard-modal .popover.error-popover .arrow { 
	border-right-color: #953B39; }

#report_wizard .wizard-modal p {
	margin: 0 0 10px;
	padding: 0;
}

#report_wizard #wizard-ns-detail-servers, .wizard-additional-servers {
	margin-left: 15px;
	margin-top: 10px;
}

#report_wizard #wizard-ns-detail-servers > li, .wizard-additional-servers li {
	line-height: 20px;
	list-style-type: none;
}

#report_wizard #wizard-ns-detail-servers > li > img { 
	padding-right: 5px; }

#report_wizard .wizard-modal .chzn-container .chzn-results { 
	max-height: 150px; }

#report_wizard .wizard-addl-subsection { 
	margin-bottom: 40px; }

footer, #footer {
	background-color: black;
	color: #6B6B6B !important;
	border-top: solid 1px #c5c5c5;
	bottom: 0px;
	font-size: .7em;
	line-height: normal;
	padding: 10px 0;
	position: static;
	text-align: center;
	width: 100%;
}

.companycolor {
	color: #0B0544 !important;
}

.k-state-selected {
	border-color: #206FE5 !important;
}

#banner_bar {
	background-color: #206FE5 !important
}

.logo_style{
	margin: 34px;

}

#banner_bar #printbtn {
	float: right;
	margin-right: 15px;
	margin-top: 45px !important;
    margin-right: 15px !important;
}

*,
*::before,
*::after {
    box-sizing: unset;
}

.leftMessage {
    width: 49%;
    min-width: 400px;
    float: left;
}

.rightMessage {
    width: 49%;
    min-width: 400px;
    float: right;
}

@media (max-width: 800px) {
	.leftMessage {
        width: 100%;
    }

    .rightMessage {
        width: 100%;
    }
}