/* Minification failed. Returning unminified contents.
(5612,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(6102,10): run-time error CSS1036: Expected expression, found ';'
(6775,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(6782,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
 */
/*! jQuery UI - v1.10.1 - 2013-03-05
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
	
}

.ui-datepicker-calender
{
    background: white;
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
	background: #E9E6E6;
	color: #447EFF;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next 
{
    background: url('/Images/ui-icons_888888_256x240.png') no-repeat;
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev 
{
    background-position:-92px 5px;
	left: 2px;
}
.ui-datepicker .ui-datepicker-next 
{
    background-position: -27px 6px;
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
	background: white;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: 0.4em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("images/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

html {
    /*background-color: #e2e2e2;*/
    /*margin: 0;
    padding: 0;*/
}

body {
    background-color: #fff;
    color: #333;
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    min-height: 100%;
    /*margin: 0;
    padding: 0;*/
}

a {
    text-decoration: underline;
}

    a:link, a:visited,
    a:active, a:hover {
        
    }

    a:hover {
        text-decoration: underline;
        font-weight: bold;
    }

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

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

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

h1, h2, h3,
h4, h5, h6 {
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }


/* main layout
----------------------------------------------------------max-width: 960px;*/
.content-wrapper {
    margin: 0 auto;
}

#body {
    /*background-color: #efeeef;*/
    clear: both;
    padding-bottom: 35px;
}

.main-content {
    height: 100%;
    
    /*margin-bottom: 100px;*/
    /*position: absolute;*/
}

header .content-wrapper {
    padding-top: 20px;
}

footer {
    clear: both;
    background-color: #e2e2e2;
    font-size: .8em;
    /*height: 100px;*/
}


/* site title
----------------------------------------------------------*/
.site-title {
    color: #c8c8c8;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 2.3em;
    margin: 0;
}

    .site-title a, .site-title a:hover, .site-title a:active {
        background: none;
        color: #c8c8c8;
        outline: none;
        text-decoration: none;
    }

.clientName {
    text-align:center;
    width: 240px;
    font-size: 20px;
    padding: 7px;
    color: #FFF;
    display: inline-block;
}
   
/* login
----------------------------------------------------------*/
#login {
    display: block;
    font-size: .85em;
    margin: 0px;
    text-align: right;
}

    #login a {
        color: #FFF;
        display: inline-block;
        padding-right: 50px;
        padding-top: 11px;
        padding-left: 0px;
        padding-bottom: 10px;
        text-decoration: none;
        font-size: 14px;
        background: url("/Images/winuser.png") no-repeat right;
        margin-right: 1px;
    }

        #login a.username {
            background: none;
            margin: 0;
            padding: 0;
            text-decoration: underline;
        }

    #login ul {
        margin: 0;
    }

    #login li {
        display: inline;
        list-style: none;
    }


/* menu
----------------------------------------------------------*/
ul#menu {
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
}

    ul#menu li {
        display: inline;
        list-style: none;
        padding-left: 15px;
    }

        ul#menu li a {
            background: none;
            color: #999;
            text-decoration: none;
        }

            ul#menu li a:hover {
                color: #333;
                text-decoration: none;
            }


/* page elements
----------------------------------------------------------*/
/* featured */
.featured {
    background-color: #fff;
}

    .featured .content-wrapper {
        background-color: #7ac0da;
        background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
        background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        color: #3e5667;
        /*padding: 20px 40px 30px 40px;*/
    }

    .featured hgroup.title h1, .featured hgroup.title h2 {
        color: #fff;
    }

    .featured p {
        font-size: 1.1em;
    }

/* page titles */
hgroup.title {
    margin-left: 12px;
}

    hgroup.title h1, hgroup.title h2 {
        display: inline;
    }

    hgroup.title h2 {
        font-weight: normal;
        margin-left: 3px;
    }

/* features */
section.feature {
    width: 300px;
    float: left;
    padding: 10px;
}

/* ordered list */
ol.round {
    list-style-type: none;
    padding-left: 0;
}

    ol.round li {
        margin: 25px 0;
        padding-left: 45px;
    }

        ol.round li.zero {
            background: url("../Images/orderedList0.png") no-repeat;
        }

        ol.round li.one {
            background: url("../Images/orderedList1.png") no-repeat;
        }

        ol.round li.two {
            background: url("../Images/orderedList2.png") no-repeat;
        }

        ol.round li.three {
            background: url("../Images/orderedList3.png") no-repeat;
        }

        ol.round li.four {
            background: url("../Images/orderedList4.png") no-repeat;
        }

        ol.round li.five {
            background: url("../Images/orderedList5.png") no-repeat;
        }

        ol.round li.six {
            background: url("../Images/orderedList6.png") no-repeat;
        }

        ol.round li.seven {
            background: url("../Images/orderedList7.png") no-repeat;
        }

        ol.round li.eight {
            background: url("../Images/orderedList8.png") no-repeat;
        }

        ol.round li.nine {
            background: url("../Images/orderedList9.png") no-repeat;
        }

/* content */
article {
    float: left;
    width: 70%;
}

aside {
    float: right;
    width: 25%;
}

    aside ul {
        list-style: none;
        padding: 0;
    }

        aside ul li {
            background: url("../Images/bullet.png") no-repeat 0 50%;
            padding: 2px 0 2px 20px;
        }

.label {
    font-weight: 700;
}

/* login page */
#loginForm {
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 55%;
}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

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

    #loginForm .validation-summary-errors li {
        display: inline;
        list-style: none;
        margin: 0;
    }

    #loginForm input {
        width: 250px;
    }

        #loginForm input[type="checkbox"],
        #loginForm input[type="submit"],
        #loginForm input[type="button"],
        #loginForm button {
            width: auto;
        }

#socialLoginForm {
    margin-left: 40px;
    float: left;
    width: 40%;
}

    #socialLoginForm h2 {
        margin-bottom: 5px;
    }

#socialLoginList button {
    margin-bottom: 12px;
}

#logoutForm {
    display: inline;
}

/* contact */
.contact h3 {
    font-size: 1.2em;
}

.contact p {
    margin: 5px 0 0 10px;
}

.contact iframe {
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }


    label.checkbox {
        display: inline;
    }


textarea {
    font-family: inherit;
    width: 100%;
    max-height:150px;
    resize: vertical;
}

    input:focus, textarea:focus {
        border: 1px solid #7ac0da;
    }

input[type="checkbox"] {
    background: transparent;
    border: inherit;
    width: auto;
}


td input[type="submit"],
td input[type="button"],
td button {
    font-size: 1em;
    padding: 4px;
    margin-right: 4px;
}

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

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

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

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


/* tables
----------------------------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}

th {
    font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
}

    th a {
        display: block;
        position: relative;
    }

        th a:link, th a:visited, th a:active, th a:hover {
            color: #333;
            font-weight: 600;
            text-decoration: none;
            padding: 0;
        }

        th a:hover {
            color: #000;
        }

    th.asc a, th.desc a {
        margin-right: .75em;
    }

        th.asc a:after, th.desc a:after {
            display: block;
            position: absolute;
            right: 0em;
            top: 0;
            font-size: 0.75em;
        }

        th.asc a:after {
            content: '▲';
        }

        th.desc a:after {
            content: '▼';
        }

td {
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
}

tr.pager td {
    padding: 0 0.25em 0 0;
}

/******************
*       Insight Status           *
******************/
#outerdivwinlandstatus
                                                {
width:122px;
height:40px;
overflow:hidden;
position:relative;
                                                }

#inneriframewinlandstatus
                                                {
position:absolute;
top:-364px;
left:-583px;
width:1280px;
height:1200px;
                                                }
/*********************
*       Insight Status END          *
*********************/

/*********************
*       Insight EULA  / Privacy Policy       *
*********************/

.indent {
    margin-top: 0in;
    margin-right: 27.0pt;
    margin-bottom: 6.0pt;
    margin-left: .5in;
    text-align: justify;
    text-indent: -.25in
}

.center {
    text-align: center;
}

.li-none{
    list-style-type: none;
}

.bold {
    font-weight: bold;
}

.olindent {
    margin-top: -10px;
    margin-left: 27px;
}

.italic {
    font-style: italic;
}

/*********************
*       Insight EULA END          *
*********************/



/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px) {

    /* header
    ----------------------------------------------------------*/
    header .float-left,
    header .float-right {
        float: none;
    }

    .banner .rightlogin {
        float: none !important;
        margin-right: 0px !important;
    }

    /* logo */
    header .site-title {
        margin: 10px;
        text-align: center;
    }

    /* login */
    #login {
        font-size: .85em;
        margin: 0 0 12px;
        text-align: center;
    }

        #login ul {
            margin: 5px 0;
            padding: 0;
        }

        #login li {
            display: inline;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #login a {
            background: none;
            color: #999;
            font-weight: 600;
            margin: 2px;
            padding: 0;
        }

            #login a:hover {
                color: #333;
            }

    /* menu */
    nav {
        /*margin-bottom: 5px;*/
    }

    .navbar-toggle {
        float: left;
    }

    ul#menu {
        margin: 0;
        padding: 0;
        text-align: center;
    }

        ul#menu li {
            margin: 0;
            padding: 0;
        }


    /* main layout
    ----------------------------------------------------------*/
    .main-content,
    .featured + .main-content {
        background-position: 10px 0;
    }

    .content-wrapper {
        /*padding-right: 10px;
        padding-left: 10px;*/
    }

    .featured .content-wrapper {
        padding: 10px;
    }

    /* page content */
    article, aside {
        float: none;
        width: 100%;
    }

    /* ordered list */
    ol.round {
        list-style-type: none;
        padding-left: 0;
    }

        ol.round li {
            padding-left: 10px;
            margin: 25px 0;
        }

            ol.round li.zero,
            ol.round li.one,
            ol.round li.two,
            ol.round li.three,
            ol.round li.four,
            ol.round li.five,
            ol.round li.six,
            ol.round li.seven,
            ol.round li.eight,
            ol.round li.nine {
                background: none;
            }

    /* features */
    section.feature {
        float: none;
        padding: 10px;
        width: auto;
    }

        section.feature img {
            color: #999;
            content: attr(alt);
            font-size: 1.5em;
            font-weight: 600;
        }

    /* forms */
    input {
        /*width: 90%;*/
    }

    /* login page */
    #loginForm {
        border-right: none;
        float: none;
        width: auto;
    }

        #loginForm .validation-error {
            display: block;
            margin-left: 15px;
        }

    #socialLoginForm {
        margin-left: 0;
        float: none;
        width: auto;
    }


    /* footer
    ----------------------------------------------------------*/
    footer .float-left,
    footer .float-right {
        float: none;
    }

    footer {
        text-align: center;
        height: auto;
        /*padding: 10px 0;*/
    }

        footer p {
            margin: 0;
        }
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * General page setup
 */
#dt_example {
	font: 80%/1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #333;
	background-color: #fff;
}


	#dt_example #container {
		width: 800px;
		margin: 30px auto;
		padding: 0;
	}


	#dt_example #footer {
		margin: 50px auto 0 auto;
		padding: 0;
	}

	#dt_example #demo {
		margin: 30px auto 0 auto;
	}

	#dt_example .demo_jui {
		margin: 30px auto 0 auto;
	}

	#dt_example .big {
		font-size: 1.3em;
		font-weight: bold;
		line-height: 1.6em;
		color: #4E6CA3;
	}

	#dt_example .spacer {
		height: 20px;
		clear: both;
	}

	#dt_example .clear {
		clear: both;
	}

	#dt_example pre {
		padding: 15px;
		background-color: #F5F5F5;
		border: 1px solid #CCCCCC;
	}

	#dt_example h1 {
		margin-top: 2em;
		font-size: 1.3em;
		font-weight: normal;
		line-height: 1.6em;
		color: #4E6CA3;
		border-bottom: 1px solid #B0BED9;
		clear: both;
	}

	#dt_example h2 {
		font-size: 1.2em;
		font-weight: normal;
		line-height: 1.6em;
		color: #4E6CA3;
		clear: both;
	}

	#dt_example a {
		color: #0063DC;
		text-decoration: none;
	}

		#dt_example a:hover {
			text-decoration: underline;
		}

	#dt_example ul {
		color: #4E6CA3;
	}

.css_right {
	float: right;
}

a img {
	border: none;
}

.css_left {
	float: left;
}

.demo_links {
	float: left;
	width: 50%;
	margin-bottom: 1em;
}

#demo_info {
	padding: 5px;
	border: 1px solid #B0BED9;
	height: 100px;
	width: 100%;
	overflow: auto;
}

#dt_example code {
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
	padding: 2px 4px !important;
	white-space: nowrap;
	font-size: 0.9em;
	color: #D14;
	background-color: #F7F7F9;
	border: 1px solid #E1E1E8;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

html, form, .page, .main {
	height: 100%;
	width: 100%;
}


body {
	background-color: #dfdfdf; /*!important;*/
	font-family: "Proxima Nova", "Corbel", sans-serif;
	font-size: 14px;
	/*margin: 0;*/
}

	body.out {
		background-color: #3c4548;
		padding: 0px;
	}

#privacypolicy {
	background-color: #dfdfdf;
	padding: 1px 10px 0px 10px;
}


form {
	width: auto;
	/*padding: 10px;*/
}

a {
	cursor: pointer;
	text-decoration: none;
}

	a.white {
		color: white;
	}

	a h2 {
		color: White;
	}

p {
	margin-top: 0px;
}

h1 {
	margin: 8px 4px 8px 0px;
	font-size: 1.5em;
	color: #999999;
	color: black;
}

/*@media (max-width: 420px){
    h1 {
        font-size: 
    }
}*/

.dashboard h1 {
	color: White;
	margin: 0px 4px 4px 12px;
	font-size: 1.5em;
}

.edithost {
}

h2 {
	margin: 8px;
	font-size: 18px;
	color: #999999;
	font-weight: normal;
	cursor: pointer;
}

h3 {
	font-size: 14px;
	margin: 0px;
}

h4 {
	margin: 4px;
}

/*footer {
	bottom: 0;
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 10000;
}*/

.right {
	float: right;
}

.rightlogin {
}

.left {
	float: left;
}

.shortleft {
	margin-left: 12px;
}

.clear {
	clear: both;
}

.noclear {
	clear: none;
}

.read {
	line-height: 1.5;
}

.bold {
	font-weight: bold;
}

.minorUp {
	margin-top: 8px;
}

.minorDown {
	margin-bottom: 8px;
}

.minorLeft {
	margin-left: 8px;
}

.minorAll {
	margin: 8px;
}

.majorUp {
	margin-top: 24px;
}

.majorDown {
	margin-bottom: 24px;
}

.majorLeft {
	margin-left: 24px;
}

.majorRight {
	margin-right: 24px;
}

.white {
	color: white;
}

.wrapper {
	margin: 0 auto;
	/*width: 100% !important;*/
	max-width: 1200px;
	position: relative;
}

.noshow {
	display: none !important;
}

.banner {
	color: #fff;
	font-size: 12px;
	height: 75px;
	background: url('/Images/header_default.jpg') no-repeat center bottom #598AC7;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	/*min-width: 1200px;*/
}

	.banner .right {
		margin-top: 30px;
	}

	.banner .rightlogin {
		padding-top: 30px;
		float: right;
		margin-right: 20px;
	}

#Menu .right {
}

#clientName {
	font-weight: bold;
}

.banner a {
	color: #fff;
}

#Menu .right a {
	color: #fff;
}

#logo {
	background-image: url('/Home/Logo?v=36');
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	height: 67px;
	margin-top: 0px;
	margin-left: 10px;
	overflow: hidden;
	text-indent: -999px;
	width: 600px;
}

#loginLogo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 185px;
	width: 250px;
	/*background: url('/Images/winland_login_logo.png') no-repeat center center;*/
	text-align: center;
}

@media (max-height: 500px) {
	#loginLogo {
		height: 60px;
	}
}

#loginLogo img {
	height: 84px;
	margin-bottom: 25px;
}

#loginLogo h2 {
	color: #fff;
	font-size: 30px;
}

#homeheader {
	float: left;
	font-size: 24px;
	font-weight: 100;
	margin: 5px 0;
}

#body {
	/*margin-left: 15px;
    margin-right: 15px;*/
	/*min-width: 1200px;*/
	/*margin-bottom: 38px;*/
}

.contextheader .search {
	/*margin-right: 14px;
	padding: 8px;
	float: right;
	clear: none;*/
}

	.contextheader .search input {
		width: 187px;
		border-radius: 2px;
	}

	.contextheader .search a {
		margin-top: 2px;
		float: left;
		background-color: #F7F7F7;
		background-image: url("/Images/ui-icons.png");
		background-position: 98px 131px;
		display: block;
		height: 21px;
		width: 22px;
		border: 1px solid #888;
		border-right-width: 0px;
		border-radius: 5px;
		border-bottom-right-radius: 0px;
		border-top-right-radius: 0px;
	}

		.contextheader .search a:hover {
			background-color: #A5D4FF;
		}

.table {
	display: table;
}

.clearfix {
	/*display:table;*/
}

	.clearfix:after {
		content: "";
		display: table;
		clear: both;
	}

.staticmenu,
.staticmenufooter {
	/*height: 50px;*/
	background: #3c4548;
}

nav.staticmenu,
.staticmenufooter {
	background: url('../Images/nav-bg.gif') repeat-x center top #3c4548;
	width: 100%;
}

@media (max-width: 770px) {
	nav.staticmenu {
		background: #3c4548;
	}
}

#dashboard-hamburger-collapse-1 {
	overflow: hidden;
	overflow-y: hidden;
	position: relative;
	/*min-height: 50px;*/
	height: auto;
	margin: 0 auto;
	max-width: 1200px;
}

#menu-bar {
	/*min-height: 50px;
    height: auto;*/
}

#hamburger-bar {
	height: 36px;
}

.staticmenufooter {
	background-position: center -1px;
	font-size: 12px;
	bottom: 0;
	position: fixed;
	z-index: 1;
}

	.staticmenufooter h2 {
		color: #ffffff;
		float: left;
		font: 600 18px 'Proxima Nova', 'Corbel', sans-serif;
		margin: 7px 0;
	}

	.staticmenufooter p {
		color: #c2c6c9;
		display: inline;
		float: right;
		margin: 11px;
		margin-right: 2em;
	}

	.staticmenufooter ul,
	.sort ul {
		float: right;
		padding: 0;
		margin: 10px;
	}

		.staticmenufooter ul li,
		.sort ul li {
			list-style-type: none;
			display: inline;
			padding-left: 13px;
		}

.staticmenu ul li {
	list-style-type: none;
	display: inline;
}

.staticmenu a,
.staticmenufooter a,
.sort ul li a {
	color: White;
	font-family: 'Proxima Nova', 'corbel', sans-serif;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
}

@media (max-width: 424px) {
	.staticmenufooter {
		background-position: center -1px;
		font-size: 10px;
		bottom: 0;
		position: fixed;
		z-index: 1;
	}

		.staticmenufooter h2 {
			color: #ffffff;
			float: left;
			font: 600 16px 'Proxima Nova', 'Corbel', sans-serif;
			margin: 6px 0;
		}

		.staticmenufooter p {
			color: #c2c6c9;
			display: inline;
			float: right;
			margin: 9px;
			margin-right: 1.5em;
		}

		.staticmenufooter ul,
		.sort ul {
			float: right;
			padding: 0;
			margin: 9px;
		}

			.staticmenufooter ul li,
			.sort ul li {
				list-style-type: none;
				display: inline;
				padding-left: 9px;
			}

	.staticmenu ul li {
		list-style-type: none;
		display: inline;
	}

	.staticmenu a,
	.staticmenufooter a,
	.sort ul li a {
		color: White;
		font-family: 'Proxima Nova', 'corbel', sans-serif;
		font-size: 12px;
		font-weight: 600;
		cursor: pointer;
	}
}

@media (max-width: 338px) {
	.staticmenufooter ul {
		display: none;
	}
}

/*Bootstrap Fixes*/
.container-fluid {
	/*padding-left: 0px !important;
    padding-right: 0px !important;*/
	margin-left: 15px;
	margin-right: 15px;
}

.mobilebottomfix {
	height: 3em;
	clear: both;
}

/* Menu Behavior */
nav.staticmenu ul {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
}

	nav.staticmenu ul ul {
		display: none;
		position: absolute;
		width: auto;
		-webkit-box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.4);
		box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.4);
		z-index: 9999;
		background-color: #0098cd;
		padding: 0;
	}

	nav.staticmenu ul li:hover > ul {
		display: block;
	}

	nav.staticmenu ul:after {
		content: "";
		clear: both;
		display: block;
	}

	nav.staticmenu ul li {
		float: left;
	}

		nav.staticmenu ul li:hover a {
			color: #fff;
			background-color: #0098cd;
		}

#Menu nav div ul a.currentPage {
	background-color: #4dc5e2;
}

#Menu nav div ul a:hover {
	background-color: #4dc5e2;
}

nav.staticmenu ul li a {
	display: block;
	height: 17px;
	padding: 10px 10px 11px 10px;
	text-decoration: none;
}

	nav.staticmenu ul li a.currentPage {
		background: url(../images/context-bg.gif) repeat-x center top #0098cd;
		color: #fff;
		margin: -3px 0;
		padding: 13px 10px 12px 10px;
	}

nav.staticmenu ul ul li {
	float: none;
	position: relative;
}

	nav.staticmenu ul ul li a {
		height: auto;
		padding: 10px;
		color: #fff;
	}

		nav.staticmenu ul ul li a:hover {
			background: #4b545f;
			height: 40px;
		}

@media(max-width: 767px) {
	#acctsnav {
		clear: both;
	}
}

/* End Menu Behavior */

/* Begin Form Layout */

#forgotPassword {
	font-size: 10px;
	/*margin-left: 25%;*/
	margin-bottom: 15px;
	/*float: right;*/
	max-width: 300px;
}

.compound {
	clear: both;
	position: relative;
	font-size: 14px;
	line-height: 22px;
	margin-left: 12px;
	margin-top: 6px;
	padding-top: 5px;
	max-width: 342px;
}

	.compound.alert {
		position: absolute;
		bottom: 24px;
		left: 0px;
		margin: 0px;
	}

		.compound.alert .response {
			float: left;
			width: 180px;
			display: inline;
			margin-left: 24px;
		}

		.compound.alert .button {
			margin-top: 0px !important;
			margin-right: 24px;
		}

	.compound.desc {
		clear: both;
		margin-bottom: 12px;
	}

	.compound input {
		width: 180px;
		-webkit-border-radius: .15em;
		-moz-border-radius: .15em;
		border-radius: .15em;
		border-color: none;
		border-style: none;
		float: right;
		color: black;
	}

	.compound .btn-danger {
		color: black;
		font-family: "Proxima Nova",
	}

	.compound input[type="checkbox"] {
		margin-right: 169px;
		/*margin: 0 auto;*/
		width: auto;
	}


	.compound input[type="radio"] {
		float: none;
	}

	.compound input[type="submit"] {
		float: none;
		-webkit-border-radius: .25em;
		-moz-border-radius: .25em;
		border-radius: .25em;
	}

	.compound textarea {
		float: right;
	}

#sensorsList {
	min-width: 260px;
}

	#sensorsList .compound {
		margin-left: 0px;
	}

.manageform #sensorsList {
	margin-left: 20px;
}

.nodehistory {
	margin-left: 15px;
}

#showGroupDetails {
	padding-left: 10px;
}

.addform .newcustomer .compound {
	color: white;
}

#AddDeviceProfileForm .compound {
	max-width: 450px;
}

/* Input Sizing */


.radio {
	font-size: 14px;
	line-height: 16px;
	margin-left: 25px;
}

select {
	width: 178px;
	float: right;
	clear: both;
	background-color: white;
	color: black;
	border: 0px;
	font-family: Corbel;
	font-size: 14px;
	padding: 2px;
}

#selectclient {
	float: left;
	margin-top: 7px;
	margin-left: 20px;
}

	#selectclient select {
		margin-right: 75px;
	}

input.normalWidth {
	width: 181px;
}

input.wideWidth {
	width: 200px;
}

/* End Input Sizing*/

/* End Form Layout */

div.outer {
	padding-top: 7%;
	padding-bottom: 10%;
}

div.inner {
	width: 300px;
	margin: 0 auto;
}

@media (max-width: 400px) {
	div.inner {
		width: 80%;
	}
}



div.large {
	color: white;
}

	div.large h1 {
		font-size: 2.0em;
	}

	div.large h1, div.large .compound {
		margin-left: 0px;
	}

	div.large label, div.large p {
		font-size: 1.0em;
	}

	div.large p, div.large a {
		color: white;
	}

.compound .bottomleft {
	display: block;
	position: absolute;
	bottom: 0px;
}


.contextheader {
	background-color: #3c4548;
}

	.contextheader.staticmenu,
	.contextheader.profilepages {
		background: url(../images/context-bg.gif) repeat-x center top #0098cd;
		color: #ffffff;
		height: 50px;
		padding: 18px 0px 7px 10px;
		position: relative;
		/*line-height: 75px;*/
		/*min-width: 1200px;*/
	}

@media (max-width: 454px) {

	.contextheader.staticmenu {
		height: 75px;
		background: repeat-x center top #0098cd;
	}

	#dropdown {
		margin-top: 5px;
	}
}

@media (max-width: 340px) {
	#dropdown {
		margin-top: 0px;
	}
}

.contextheader h1 {
	float: left;
	margin: 5px 0;
	color: White;
}

.contextheader h4 {
	color: White;
	margin: 4px;
	float: right;
}

.taskstacker {
	min-height: 600px;
	padding-left: 15px;
	padding-right: 15px;
}

.taskstackerclient {
}

.formarea {
	position: relative;
	overflow-x: auto;
	overflow-y: hidden;
	/*width: auto;*/
}

	.formarea .addform {
		padding: 12px;
		background: #ECF1EF;
	}

	.formarea .editform {
		padding: 12px;
		background: #ECF1EF;
	}



.dashboard, .centerPanel {
	min-height: 100%;
}

#dashparent .dashboard {
	border-left: 0px;
	/*padding: 0px;
    min-width: 830px;
    overflow-x: hidden;*/
}

.dashboard.management {
	background-color: #C2C2C2;
	min-height: 740px;
}

.dashboard.first {
	border-left: 0px solid white;
}

@media (max-width: 500px) {
	.deviceRow {
		margin-left: 0px !important;
	}
}

#dashparent {
	/*overflow-y: hidden;*/
}

@media(max-width: 766px) {
	a.user {
		margin-right: 10px;
		display: block;
		padding-top: 15px;
	}
}

.UserMgmt .dashboard {
	background-color: #4E299C;
}

.lower {
	padding: 12px;
	background: #DFDFDF;
	height: 42px;
}

.leftnav {
	clear: both;
	height: auto;
	min-width: 250px;
	background: #ECF1EF;
}

.profilepanel {
	padding: 12px;
	clear: both;
	min-width: 330px;
	position: relative;
	width: 100%;
}

.avatar {
	position: absolute;
	right: 12px;
	height: 100px;
	width: 100px;
}

.profilepanel h2 {
	color: White;
	margin: 0px 8px 4px 8px;
}

.profilepanel p {
	color: white;
}

#deviceview,
#responseview {
	/*max-width: 1200px;*/
	background: #DFDFDF;
	overflow-y: auto !important;
	margin: 0 auto;
	max-width: 1300px;
	/*float: left;*/
}

#devicesList {
	min-height: 100%;
	z-index: 1;
}

#newcustplus {
	margin-left: 50px;
	line-height: 95px;
	font-size: 14em;
	color: white;
}

.widget.newsensor .newsensorplus {
	margin-left: 25px;
	line-height: 66px;
	font-size: 12em;
	color: white;
}

.widget {
	border-radius: 10px;
	float: left;
	height: 160px;
	width: 206px;
	background-color: #016283;
	margin: 12px;
	padding: 4px;
	-moz-box-shadow: 3px 3px 4px #1D2C4B;
	-webkit-box-shadow: 3px 3px 4px #1D2C4B;
	box-shadow: 3px 3px 4px #1D2C4B;
}

	.widget.first {
		border-radius: 0px;
		margin: 0px;
		float: left;
		height: 184px;
		width: 196px;
		background-color: #0098cd;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

.editform .widget {
	height: 140px;
	width: 140px;
}

.widget.alert {
	background-color: #E03A3A;
}



.widget.alert1.warning {
	background-color: #CCA553;
}

.widget.alert:hover {
	background-color: #FC3D3D;
	-moz-box-shadow: 3px 3px 4px #E03A3A;
	-webkit-box-shadow: 3px 3px 4px #E03A3A;
	box-shadow: 3px 3px 4px #E03A3A;
}

.widget.alert1.warning:hover {
	background-color: #CCA553;
	-moz-box-shadow: 3px 3px 4px #CCA553;
	-webkit-box-shadow: 3px 3px 4px #CCA553;
	box-shadow: 3px 3px 4px #CCA553;
}

.widget.alert1.active.warning:hover {
	background-color: #016283;
}

.widget.offline {
	background-color: #BEBEBE;
}

	.widget.offline:hover {
		background-color: #999999;
	}

.widget:hover,
.vitals .menuitem:hover,
.nodeadditem:hover {
	background-color: #013a4c;
	-moz-box-shadow: 3px 3px 4px #0098cd;
	-webkit-box-shadow: 3px 3px 4px #0098cd;
	box-shadow: 3px 3px 4px #0098cd;
}

.widget p,
.widget h4 {
	margin-bottom: 4px;
	color: White;
	margin-left: 7px;
}

.widget .vitals h4 {
	cursor: pointer;
	font-size: 14px;
}

.widget .vitals .deviceNameLink {
	text-align: center;
	font-size: 18px;
}

/* All Widget Sizing */

.widget.active {
	height: 544px;
	width: 917px;
}

.widget.profile.active {
	width: 680px;
}

.widget.devices.profile.active {
	width: 1152px;
	height: 742px;
}

.widget.responses.profile.active {
	width: 680px;
	height: 544px;
}

.widget.newprofile.active {
	width: 680px;
}

.widget.profile.active {
	width: 1152px;
	height: 629px;
}

.widget.profile.alerts.active {
	width: 680px;
}

.widget.active .compound {
	color: #fff;
}

.edithost .widget.active {
	height: 450px;
	width: 315px;
}

.widget.newcustomer.active {
	width: 374px;
	height: 544px;
}


.widget.alert1.active.warning,
.widget.alert.active {
	width: 907px;
	height: 534px;
	border: 5px solid #CC5353;
	background-color: #016283;
}

/* End Widget Sizing*/

.widget.alert1.active.warning {
	border: 5px solid #CCA553;
}


.widget.newcustomer .contentpane {
	width: 100%;
	overflow-y: auto;
}

.widget.responses .contentpane {
	height: 429px;
	width: 634px;
}

.widget .contentpane {
	width: 100%;
	overflow-y: auto;
	float: left;
	padding: 12px;
}

.widget.alert .contentpane {
	padding: 0px;
	margin-left: -4px;
}

.settings {
	z-index: 9999;
	float: right !important;
	margin-left: 10px;
}

	.settings a {
		background: url(../images/icons.png) no-repeat 0 0 #016283;
		color: White;
		cursor: pointer;
		display: block;
		-webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.25);
		-moz-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.25);
		box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.25);
		float: left;
		height: 27px;
		margin: 1px 0;
		width: 31px;
	}

		.settings a#device {
			background-position: 0 0;
			-webkit-border-top-right-radius: 0;
			-webkit-border-bottom-right-radius: 0;
			-webkit-border-bottom-left-radius: 5px;
			-webkit-border-top-left-radius: 5px;
			-moz-border-radius-topright: 0;
			-moz-border-radius-bottomright: 0;
			-moz-border-radius-bottomleft: 5px;
			-moz-border-radius-topleft: 5px;
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
			border-bottom-left-radius: 5px;
			border-top-left-radius: 5px;
			-moz-background-clip: padding;
			-webkit-background-clip: padding-box;
			background-clip: padding-box;
		}

		.settings a#devicerow {
			background-position: -31px 0;
		}

		.settings a#mapswap {
			background-position: -62px 0;
			-webkit-border-top-right-radius: 5px;
			-webkit-border-bottom-right-radius: 5px;
			-webkit-border-bottom-left-radius: 0;
			-webkit-border-top-left-radius: 0;
			-moz-border-radius-topright: 5px;
			-moz-border-radius-bottomright: 5px;
			-moz-border-radius-bottomleft: 0;
			-moz-border-radius-topleft: 0;
			border-top-right-radius: 5px;
			border-bottom-right-radius: 5px;
			border-bottom-left-radius: 0;
			border-top-left-radius: 0;
			-moz-background-clip: padding;
			-webkit-background-clip: padding-box;
			background-clip: padding-box;
		}

		.settings a:hover,
		.settings a.current {
			background-color: #4dc5e2;
			-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
			-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
			box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
		}

.contentalign {
	position: relative;
	width: 100%;
	height: auto;
	clear: both;
}

.welcome {
	height: 100px;
}

.reportslist {
	margin-top: -1px;
}

.reportdevice {
	width: 518px;
}

/*
#devicetree {
	overflow-y: auto;
	max-height: 520px;
}

#customertree {
	width: 380px;
	overflow: auto;
	max-height: 622px;
}
*/

.newreports .radio {
	float: left;
	margin: 2px;
}

.newreports,
.savedreports {
	width: 226px;
}

.newreports,
.savedreports,
.devicemenu {
	padding: 12px;
}

/*.webreport,*/
.emailedreportsetup,
.exportedreport {
	position: relative;
	padding: 12px;
	/*background: #ECF1EF;*/
}

	.emailedreportsetup p {
		font-size: 14px;
		margin-left: 24px;
	}

.menuitem {
	display: block;
	width: 100%;
	padding: 4px 0px 4px 0px;
	background-color: #016283;
}

.nodeadditem {
	display: block;
	padding: 4px 0px 4px 0px;
	background-color: #016283;
	border-top: 1px solid #fff;
}

	.nodeadditem h2 {
		float: left;
		color: #fff;
	}

	.nodeadditem .addicon {
		margin-left: 6px;
		float: left;
		height: 42px;
		width: 42px;
		background: url('/Images/winlandadd.png') no-repeat;
	}

.menuitem h3,
.menuitem h2 {
	color: #ffffff;
}

.menuitem:hover h3 {
	color: Black;
	text-decoration: none;
}

.current {
	background-color: #013a4c;
}

.dirty {
	background-color: #57B357;
}

	.dirty h2 {
		color: White;
	}

.current h2 {
	color: White;
}

/*||||||||||||||||||||| Layout Elements End |||||||||||||||||||||*/

/*||||||||||||||||||||| Form Elements and Headers |||||||||||||||||||||*/

.savedreports > h3 {
	margin-bottom: 8px;
	color: #999999;
}

.leftnav div > p {
	margin-bottom: 0px;
	margin-left: 12px;
}

.savedreports a h3 {
	margin: 2px;
	color: #007ead;
	text-decoration: underline;
}

.savedreports a:hover h3 {
	margin: 2px;
	color: Black;
	text-decoration: underline;
}

.widget.profile .compound input[type="text"] {
	width: 366px;
}

/*.widget.profile.alerts .compound input[type="text"] {
    width: 290px;
}*/

.widget.profile.alerts .compound select {
	width: 293px;
}

.widget.profile .actionlist .compound input[type="text"],
.edithost .actionlist .compound input[type="text"] {
	float: right;
	padding-left: 4px;
	border-width: 1px;
	height: 18px;
}

.edithost .clearfix.custform.full {
	width: 48%;
}

.widget .AddSensorForm {
	margin-right: 24px;
}

.alertsAddSensor .compound input[type="text"] {
	width: 180px;
}

.rightLabel {
	float: right;
	width: 0;
}

.alertsAddSensor .compound textarea, .widget.profile textarea, .widget.newprofile textarea {
	max-width: 366px;
}

.edithost .alertsAddSensor .compound #sensorname {
	width: 180px;
}

.addform p {
	margin-left: 12px;
}

.addform p,
.editform p,
.addform h4,
.editform h4 {
	margin-bottom: 0px;
	clear: both;
}

.custform {
	width: 48%;
	float: left;
	margin-bottom: 12px;
	min-width: 200px;
}


	.custform.wide {
		width: 90%;
	}

	.custform.full {
		width: 100%;
	}

/*.editform .custform,
.addform .custform {width: 370px;}
.devices .custform {width: 550px;}
.newcustomer .custform {width: 335px;}*/

.newcustomer .compound input,
.newcustomer .compound select,
.newcustomer .compound textarea {
	position: absolute;
	right: 0px;
}

.compound label {
	display: inline-block;
}

.compound .radio input {
	width: auto;
}

#AddUserForm label.radio {
	display: block;
}

.buttonwrapper {
	width: 100%;
}

.left {
	margin-right: 20px;
}

.gone {
	display: none;
}

.dropdown {
	border: 1px solid white;
	background-color: #838EA3;
	color: white;
	margin-top: .5%;
}

.button, .btn-danger {
	background: #81bc00;
	border: none !important;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	float: right;
	font: 600 14px 'Proxima Nova', 'Corbel', sans-serif;
	margin-top: 12px;
	margin-bottom: 12px;
	outline: none;
	padding: 5px 20px;
	text-align: center;
	text-decoration: none !important;
	text-transform: uppercase;
	/*
	-webkit-text-shadow: 0 1px 1px rgba(0,0,0,0.3);
	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
	*/
}

@media (max-width: 440px) {
	.button {
		float: none;
	}
}

.outer .button {
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	display: block;
	float: none;
	font-size: 16px;
	margin-left: auto;
	margin-right: auto;
	padding: .5em 2em .55em;
}

.button.sm {
	margin-top: .5%;
	padding: 3px;
	margin-right: 12px;
}

.button:hover {
	background-color: #568500;
}

.button.delete {
	float: right;
	margin-top: 12px;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100%;
	padding: .5em 2em .55em;
	-webkit-text-shadow: 0 1px 1px rgba(0,0,0,.3);
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: White;
	background: #B83D3D;
	background: -webkit-gradient(linear, left top, left bottom, from(#E79595), to(#B83D3D));
	background: -moz-linear-gradient(top, #E79595, #B83D3D);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E79595', endColorstr='#B83D3D');
}

.button.cancel, .button.canceldelete {
	background-color: #c2c6c9;
}

	.button.cancel:hover, .button.canceldelete:hover {
		background-color: #999c9e;
	}

.button + .button.cancel, .button + .button.canceldelete {
	margin-right: 20px;
}

.greeny {
	float: right;
	margin-top: 12px;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100%;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: White;
	background: green;
	background: -webkit-gradient(linear, left top, left bottom, from(#77D389), to(green));
	background: -moz-linear-gradient(top, #77D389, green);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77D389', endColorstr='green');
}

.disabled, .disabled:hover {
	color: #999;
	background: #ccc;
}

.button.date {
	float: none;
}

.helpwrapper {
	padding: 24px;
	background: #F7F7F7;
}

	.helpwrapper img {
		max-width: 100%;
	}

.help {
	float: right;
	margin: 2px 20px 2px 10px;
	position: relative;
	display: inline-block !important;
	/*width: 90px;*/
	/*top: -25px;*/
	/*right: 0px;*/
}



	.help a {
		background: url("/Images/help.png") no-repeat center right;
		color: #fff;
		display: block;
		padding: 5px 30px 5px 5px;
	}

.level1,
.level2 {
	font-size: 14px;
	line-height: 16px;
	clear: both;
	display: block;
}

.level2 {
	margin-left: 12px;
}

#MainContent_CheckBoxList1 input {
	margin-left: 12px;
}

.listbox {
	width: 214px;
	padding: 12px;
	padding-top: 0px;
	background-color: #ECF1EF;
	color: black;
	border: 0px;
	font-family: Corbel;
	font-size: 14px;
}

.notebox {
	margin: 12px;
	width: 282px;
	height: 100px;
}


.reportslist .listbox {
	background-color: white;
}

#MainContent_TreeView1,
#MainContent_TreeView2 {
	background-color: White;
	overflow-y: auto;
	height: 260px;
}

	#MainContent_TreeView1 a,
	#MainContent_TreeView2 a {
		background-color: transparent;
	}

#MainContent_startcal {
	background: white;
	position: absolute;
}

.oldreportOD,
.oldreportES {
	padding: 4px;
	/*background: white;*/
}

	.oldreportOD a,
	.oldreportES a {
		cursor: pointer;
	}

		.oldreportOD a:active,
		.oldreportES a:active {
			background-color: #ECF1EF;
		}

		.oldreportOD a.deletebtn,
		.oldreportES a.scheduledReportdeletebtn {
			display: block;
			height: 12px;
			width: 12px;
			background: url(/images/smalldelete.png) no-repeat 0 0;
		}
	/*
         {
            float: left;
            display: inline-block;
            height: 16px;
            width: 28px;
            background: url('/Images/smalldelete.png') no-repeat left center;
            cursor: pointer;
        }*/

	.oldreportOD.current,
	.oldreportES.current {
		background-color: #013a4c;
		color: white;
	}

.winmodal {
	background: white;
	border: 1px solid blue;
}

.confirmModal p {
	clear: both;
}

.modalContent {
	height: 77px;
	padding: 24px;
}

.b-close {
	display: block;
	float: right;
}

.calendarlabel {
	position: absolute;
	height: 14px;
	width: 14px;
	right: 6px;
	top: 7px;
	background: url('/Images/ui-icons_888888_256x240.png') no-repeat -111px -111px;
	pointer-events: none;
}

input.hint {
	color: #888;
}

.welcome .name {
	color: Yellow;
}

#pnlBingMap {
	height: 100%;
	/*display: none;*/
}

.main > #pnlBingMap {
	display: none;
}

.widget .row:nth-child(even) {
	background-color: #81B0EC;
}

.widget.offline .row:nth-child(even) {
	background-color: #B6B6B6;
}

/*||||||||||||||||||||| Form Elements and Headers End |||||||||||||||||||||*/

/*||||||||||||||||||||| Report Format Begin |||||||||||||||||||||||||||||||*/

.detail .tablehost .reportbody {
	margin-left: 24px;
}

.summary .reportheader {
	float: left;
	width: 500px;
}

.reportbody {
}

	.reportbody.sensorhead {
		margin-top: 12px;
		min-height: 42px;
		background-color: #E4F1FF;
	}

		.reportbody.sensorhead:hover {
			background-color: #C9E0F8;
		}

		.reportbody.sensorhead.alarm {
			margin-top: 12px;
			min-height: 42px;
			background-color: #FFE8E4;
		}

			.reportbody.sensorhead.alarm:hover {
				background-color: #F7C7BE;
			}

		.reportbody.sensorhead .row,
		.reportbody.sensorhead .row:hover {
			background-color: transparent !important;
			/*max-width: 600px;*/
		}

		.reportbody.sensorhead .toggle {
			height: 16px;
			width: 16px;
			position: absolute;
			margin-top: -8px;
			top: 50%;
			right: 12px;
			cursor: pointer;
			background: url(/Images/plus-minus.png) no-repeat 0 0;
		}

			.reportbody.sensorhead .toggle.closed {
				background-position: 0 -43px;
			}

	.reportbody .toggle {
		height: 16px;
		width: 16px;
		position: absolute;
		margin-top: -8px;
		top: 50%;
		right: 12px;
		cursor: pointer;
		background: url(/Images/plus-minus.png) no-repeat 0 0;
	}

		.reportbody .toggle.closed {
			background-position: 0 -43px;
		}

div.detail.report.wrapper {
	overflow-x: auto;
}

.tablehost {
	margin-bottom: 12px;
	min-width: 480px;
}

	.tablehost .reporthead {
		background-color: #F7F7F7;
		padding: 12px;
		font-weight: bold;
		border: 1px solid #888;
	}

	.tablehost .reportbody {
		padding: 12px;
		border: 1px solid #888;
		position: relative;
	}

		.tablehost .reportbody > .row:nth-child(odd) {
			background-color: #F7F7F7;
		}

.sensorlog {
}

.label,
.serial {
	color: #999;
}

.tier.label {
	margin-right: 30px;
}

.row {
	/*margin-left: 0px !important;
    margin-right: 0px !important;*/
	width: 100%;
	clear: both;
}


#deviceview .widget.alert .row,
.sensorlog.alarm.row {
	/*background-position: left;
	width: auto;*/
}

/*.reportbody.alarm .sensorlog.row.first {
    width: auto;
    padding-left: 32px;
}*/

.alarm.row {
	background-color: #B83D3D !important;
	color: white;
}

	.alarm.row > div:first-child {
		background-image: url('/Images/winlandalert.png');
		background-repeat: no-repeat;
		background-position: left;
		padding-left: 32px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

.clear.row {
	background-color: #0098cd !important;
	color: white;
}

.widget.active.warning .alarm.row {
	background-color: #CCA553 !important;
}

.widget.active.warning .warning.row {
	background-color: #CCA553 !important;
}

.reportbody .row:hover {
	background-color: #DAE2EC !important;
}

.reportbody .alarm.row:hover {
	background-color: #E03A3A !important;
}

.reportbody .clear.row:hover {
	background-color: #016283 !important;
}

.reportbody .row {
	padding: 2px;
}

.row.first .cell {
	font-weight: bold;
}

.nodehistory .cell {
	width: 50%;
}

	.nodehistory .cell.units {
		width: 25%;
	}

.cell {
	line-height: 22px;
	display: inline-block;
}

.reportbody .sensorlog.row.first {
	padding-top: 18px;
}

.reportbody .cell {
	text-align: center;
}

@media (max-width: 800px) {
	.reportbody div.cell {
		width: 16% !important;
	}
}

.reportbody .cell.reading {
	width: 9%;
}

.reportbody .cell.duration {
	width: 10%;
	text-align: right;
}

.reportbody .cell.alert {
	width: 7%;
	text-align: right;
}

.reportbody .datetime.cell {
	width: 25%;
	text-align: left;
}

.reportbody .datetimeZone.cell {
	width: 18%;
	text-align: left;
}

.reportbody .type.cell {
	width: 12%;
}

.reportbody .sensorposition.cell {
	width: 4%;
}

.reportbody .lowlimit.cell,
.reportbody .highlimit.cell,
.reportbody .units.cell {
	width: 6%;
}

.cell.device.label {
	margin-right: 13px;
}

.devicename {
	margin-right: 24px;
}

.datetime {
	width: 30%;
	text-align: left !important;
}

.sensor {
	width: 15%;
	/*text-align: left !important;*/
}

.reading {
	margin-left: 6px;
	width: 15%;
}

.lowlimit {
	width: 15%;
}

.highlimit {
	width: 15%;
}

.units {
	width: 15%;
}

.widget .row:hover {
	background-color: #0098cd !important;
}

.widgettable {
	max-height: 327px;
	overflow-y: auto;
	float: left;
	/*width: 569px;*/
}

.widget .contentpane.responsepane {
	overflow-y: hidden;
	max-height: 522px;
	height: 100%;
	border-left: 1px solid white;
	right: 15px;
	top: 12px;
	position: absolute;
	width: 314px;
	padding: 0px;
}

.widget #actionqueue {
	height: 245px;
}

.widget .cell {
	color: white;
	text-align: center;
	width: 15%;
	padding: 2px;
}

	.widget .cell.type {
		width: 25%;
	}

.widget .datetime {
	width: 25%;
}

.widget .lowlimit,
.widget .highlimit {
	width: 13%;
}

.widget .widgetclose {
	display: none;
	position: absolute;
	z-index: 9998;
	top: 12px;
	right: 12px;
	width: 33px;
	height: 35px;
	background: url('/Images/close.png') no-repeat;
}

a.entityclose {
	position: relative;
	/*z-index: 9998;*/
	right: -1%;
	margin-top: -7% !important;
	float: right;
	width: 33px;
	height: 35px;
	margin-top: 0px;
	background: url('/Images/close.png') no-repeat;
}

.add {
	margin-top: -10% !important;
}
/*||||||||||||||||||||| Report Format End |||||||||||||||||||||||||||||||||*/

/*||||||||||||||||||||| Management Styles |||||||||||||||||||||||||||||||||*/

#newNode {
}

	#newNode a {
		background-color: #57B357;
		color: #fff;
		-moz-box-shadow: 3px 3px 4px #0098cd;
		-webkit-box-shadow: 3px 3px 4px #0098cd;
		box-shadow: 3px 3px 4px #0098cd;
	}

		#newNode a:hover {
			-moz-box-shadow: 3px 3px 4px #57B357;
			-webkit-box-shadow: 3px 3px 4px #57B357;
			box-shadow: 3px 3px 4px #57B357;
		}

/*||||||||||||||||||||| Management Styles End |||||||||||||||||||||||||||||||||*/

/*||||||||||||||||||||| Map Styles |||||||||||||||||||||||||||||||||*/

.customInfoBox-noBeak, .customInfoBox-with-rightBeak, .customInfoBox-with-leftBeak {
	z-index: 9999;
}

.map {
	/*float: left;*/
	z-index: 0;
	position: relative;
	/*width: 1195px;
	height: 764px;*/
	border: #555555 2px solid;
}

/*||||||||||||||||||||| Map Styles End |||||||||||||||||||||||||||||||||*/


#tableview {
	float: left;
	position: relative;
	/*width: 1200px;*/
	/*min-height: 764px;*/
}

.alertsAddSensor {
	float: left;
	/*width: 100%;*/
}

.sensoredit,
.icon {
	/*margin-top: 2px;*/
	float: right;
	display: block;
	border: 1px solid #888;
	border-radius: 5px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
	background-color: #F7F7F7;
	background-image: url("/Images/ui-icons.png");
	background-position: 82px 129px;
	width: 23px;
	height: 20px;
}

.icon {
	background-color: #D6FADA;
	/*float: right;*/
}


.wiredgroup .icon {
	border-right-width: 0px;
	border-radius: 5px;
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
	background-position: 146px 66px;
}

.wirelessgroup .icon {
	border-right-width: 0px;
	border-radius: 5px;
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
	background-position: 245px 65px;
}

.sensoredit:hover {
	background-color: #A5D4FF;
}

/*
.wiredgroup,
.wirelessgroup {
	float: left;
}
*/

.sensorform {
	/*margin-left: 24px;*/
	float: left;
	width: 540px;
	max-height: 619px;
	overflow-y: auto;
	overflow-x: hidden;
}

.nodehistory.bottom {
	height: 100px;
	position: absolute;
	bottom: 5px;
}

.edithost .sensorform {
	width: 100%;
}

.alerttree {
	/*overflow: auto;
	background-color: rgb(236, 241, 239);*/
	margin-top: 12px;
	/*max-height: 322px;*/
}

.deletestep {
	float: right;
	margin-left: 4px;
	display: inline;
	height: 20px;
	width: 25px;
	background: url("/Images/smalldelete.png") no-repeat scroll right center;
	cursor: pointer;
	border: none;
}

	.deletestep:hover {
		background-color: #013a4c !important;
	}

.contextheader.profilepages {
	/*background-color: #3DB873;*/
}

.contextheader .filter {
	/*float: right;*/
	margin: 2px 0;
}

ul.filter li {
	float: left;
	margin: 0 4px 0 0;
}

	ul.filter li a, #deviceDropdownFilter option select {
		background: url(../images/filters.png) no-repeat 10px 8px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		cursor: pointer;
		display: block;
		font-size: 13px;
		margin: 0 5px 0 0;
		padding: 5px 10px 5px 30px;
	}

		ul.filter li a.currentPage,
		ul.filter li a:hover {
			background-color: #4dc5e2;
			-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
			-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
			box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
			text-decoration: none;
		}

	/*ul.filter li #filterAll {
		background-position: 10px 8px;
	}

	ul.filter li #filterAlarms {
		background-position: 10px -15px;
	}

	ul.filter li #filterActivity {
		background-position: 10px -38px;
	}

	ul.filter li #filterNominal {
		background-position: 10px -60px;
	}

	ul.filter li #filterOffline {
		background-position: 10px -83px;
	}*/

	ul.filter li .filterAll {
		background-position: 10px 8px;
	}

	ul.filter li .filterAlarms {
		background-position: 10px -15px;
	}

	ul.filter li .filterActivity {
		background-position: 10px -38px;
	}

	ul.filter li .filterNominal {
		background-position: 10px -60px;
	}

	ul.filter li .filterOffline {
		background-position: 10px -83px;
	}

#dropdown {
	display: none;
	background-color: #0098cd;
	float: right;
}

	#dropdown:hover ul.filter {
		display: block;
		z-index: 50;
	}

#dropdown-list {
	position: absolute;
	display: none;
	/*width: auto;*/
	padding: 5px;
	margin: 0px;
	border: 1px solid rgb(169,169,169);
	/*list-style: none;*/
	background-color: lightblue;
}

#dropdown ul.filter li {
	float: none;
	margin: 0px;
}


/*#deviceDropdownFilter select{
    background-color: #0098cd;
}*/

@media (max-width: 1040px) {

	ul.filter {
		display: none;
	}

	#dropdown {
		display: inline-block;
	}

		#dropdown div {
			min-width: 80px;
		}
	/*.help {
        margin-right: 5px;
    }*/
	/*#dropdown:hover #dropdown-list{
    display:block;
}*/
}

.overflow {
	overflow-x: hidden;
	overflow-y: hidden;
	/*position: absolute;*/
}

.paginate {
	z-index: 9999;
	position: absolute;
	top: 40%;
	height: 100px;
	width: 60px;
	background: url("/Images/pagearrow.png") no-repeat 0px 0px;
}

	.paginate:hover {
		background-position-y: 4px !important;
	}

	.paginate.left {
		/*left: 0px;*/
		background-position-x: -60px;
		background-position-y: -100px;
	}

	.paginate.right {
		/*right: 0px;*/
		background-position-x: 0px;
		background-position-y: -100px;
	}


#locationdevices {
	position: relative;
	margin-left: 50px;
	margin-top: 113px;
}

#devicepaginateright {
	background-image: url("/Images/pagearrows.png");
	background-position: -33px 0;
	height: 78px;
	opacity: 0.78;
	margin-left: -13px;
	width: 33px;
}

	#devicepaginateright:hover {
		opacity: 1;
	}

#devicepaginateleft {
	background-image: url("/Images/pagearrows.png");
	background-position: 0 0;
	height: 78px;
	margin-left: 27px;
	opacity: 0.78;
	width: 33px;
}

	#devicepaginateleft:hover {
		opacity: 1;
	}

.validation-error {
	border: 1px solid #e80c4d;
}

#locationdetails {
	background: rgba(0,0,0,0.5);
	/*width: 1200px;*/
	width: 100%;
	overflow-x: auto;
	height: 100%;
	top: 0px;
	left: 0px;
}

#devicexofy {
	z-index: 9999;
	left: 49%;
	top: 130px;
	position: absolute;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	display: block;
}

dd {
	display: list-item;
	list-style-type: disc;
}

#blocker {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .5;
	background-color: #000;
	z-index: 1000;
	display: none;
}

	#blocker div {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 5em;
		height: 2em;
		margin: -1em 0 0 -2.5em;
		color: #fff;
		font-weight: bold;
	}

.DeviceTileExpand {
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5);
	box-shadow: 0 1px 4px rgba(0,0,0,0.5);
	display: none;
	width: 95%;
}

	.DeviceTileExpand.ExpandDevice {
		display: block;
		display: table;
		margin: 20px;
	}

tr.device td.fulladdress {
	color: #888c8d;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	vertical-align: top;
}

.details .detail-cell {
	padding: 0 0 15px;
}

.detail-cell .DeviceDetailsTable {
	margin: 0;
	width: 100%;
}

	.detail-cell .DeviceDetailsTable th, .detail-cell .DeviceDetailsTable td {
		color: #686a6b;
		padding: 8px 20px;
	}

	.detail-cell .DeviceDetailsTable tbody tr:nth-child(odd):not(.warning):not(.alert) td {
		background-color: #f5f5f5;
	}

.alert .detail-cell .DeviceDetailsTable tbody tr:nth-child(odd):not(.warning):not(.alert) td {
	background-color: #fff5f2;
}

.detail-cell .DeviceDetailsTable tbody tr.alert td {
	background-color: #fb4c1d;
	color: #fff;
	font-weight: 600;
}

.warning .detail-cell .DeviceDetailsTable tbody tr:nth-child(odd):not(.warning):not(.alert) td {
	background-color: #fdf5e4;
}

.detail-cell .DeviceDetailsTable tbody tr.warning td {
	background-color: #fca805;
	color: #fff;
	font-weight: 600;
}

.DeviceTileExpand tr td.responsepane, .DeviceMap tr td.responsepane {
	background-color: #fff;
	width: 21px;
}

.DeviceTileExpand.alert tr td.responsepane, .DeviceTileExpand.warning tr td.responsepane, .DeviceMap.alert tr td.responsepane, .DeviceMap.warning tr td.responsepane {
	width: 364px;
}

.ExpandDevice ~ .DeviceTile {
	opacity: 0.5;
}

.DeviceTile {
	max-width: 400px;
}

@media (max-width: 845px) {
	table.DeviceTile {
		margin: 20px auto;
		float: none;
	}
}

.DeviceMap {
	min-width: 400px;
	display: inline-block;
}



.DeviceTile, .DeviceMap {
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
	box-shadow: 0 1px 4px rgba(0,0,0,0.2);
	float: left;
	height: 175px;
	margin: 10px 10px 10px 10px;
	/*width: 45%;*/
}

	.DeviceTile:hover {
		-moz-box-shadow: 0 1px 8px rgba(0,0,0,0.5);
		-webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.5);
		box-shadow: 0 1px 8px rgba(0,0,0,0.5);
		cursor: pointer;
	}

		/*.DeviceTile.first {
		margin-left: 0;
	}

	.DeviceTile.last {
		margin-right: 0;
	}*/

		.DeviceTile:hover tr td {
			background-color: #fff;
		}

	tr.status td, .DeviceTileExpand tbody tr.status td.responsepane, .DeviceMap tbody tr.status td.responsepane {
		border-top: 5px solid #b2b3b5;
		color: #373f42;
		vertical-align: top;
	}

.alert tr.status td {
	border-top-color: #fdae99;
}

.warning tr.status td {
	border-top-color: #fdcb69;
}

.alert tr.status td.ico {
	border-top-color: #fb4c1d;
}

.warning tr.status td.ico {
	border-top-color: #fca805;
}

.online tr.status td.ico {
	border-top-color: #72984b;
}

tr.status td.serial {
	font-weight: 600;
	text-align: right;
}

.alert tr.status td.serial, .alert td.elapsed {
	color: #fb4c1d;
}

.warning tr.status td.serial, .warning td.elapsed {
	color: #df9402;
}

td.elapsed .alert-ico {
	background: url(/Images/alarm-icons.png) no-repeat 0 0;
	display: inline-block;
	height: 10px;
	margin-right: 10px;
	width: 10px;
}

.warning td.elapsed .alert-ico {
	background-position: 0 -13px;
}

tr.device td {
	color: #373f42;
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 0;
}

tr.address td {
	color: #888c8d;
	font-size: 12px;
	padding-top: 0;
}

tr.timestamp td {
	color: #686a6b;
	font-weight: 600;
}

.DeviceTile th, .DeviceTileExpand th, .DeviceMap th {
	border-bottom: 2px solid #b2b3b5;
	font: 600 13px 'Proxima Nova', Helvetica, sans-serif;
	padding: 15px;
}

.DeviceTile td, .DeviceTileExpand td, .DeviceMap td {
	background-color: #e6e9e4;
	font: 13px 'Proxima Nova', Helvetica, sans-serif;
	padding: 15px;
}

.online td {
	background-color: #e6e9e4;
}

.alert td {
	background-color: #fedfd6;
}

.warning td {
	background-color: #feefd2;
}

.offline td {
	background-color: #f0f3ed;
}

tr td.ico {
	background-color: #fff;
	text-align: center;
	width: 18px;
}

.status-icon {
	background: url(/images/status-icons.png) no-repeat 0 0;
	display: block;
	display: inline-flex;
	height: 18px;
	width: 18px;
}

.alert .status-icon {
	background-position: 0 0px;
}

.online .status-icon {
	background-position: 0 -94px;
}

.warning .status-icon {
	background-position: 0 -47px;
}

.offline .status-icon {
	background-position: 0 -142px;
}

.component-alias-assignment {
}

	.component-alias-assignment ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.component-alias-assignment li input {
		border: 1px solid silver;
		margin: 3px;
	}

		.component-alias-assignment li input.good {
			border: 3px solid #80ff80;
			margin: 0px;
		}

		.component-alias-assignment li input.error {
			border: 3px solid #ff8080;
			margin: 0px;
		}

	.component-alias-assignment .button-add {
		background: url(/images/ui-icons.png) no-repeat -32px -128px;
		height: 20px;
		width: 20px;
	}

	.component-alias-assignment .button-complete {
		background: url(/images/ui-icons.png) no-repeat -64px -144px;
		height: 20px;
		width: 20px;
	}

	.component-alias-assignment .button-delete {
		background: url(/images/ui-icons.png) no-repeat -178px -96px;
		height: 20px;
		width: 20px;
	}

	.component-alias-assignment .button-hidden {
		display: none;
	}

	.component-alias-assignment .toolbar {
	}

		.component-alias-assignment .toolbar span {
			font-weight: bolder;
		}

a.plus-minus {
	background: url(/Images/plus-minus.png) no-repeat 0 -64px;
	display: block;
	height: 16px;
	width: 16px;
}

	a.plus-minus.open {
		background-position: 0 -21px;
	}

.alert a.plus-minus, .warning a.plus-minus {
	background-position: 0 -43px;
}

	.alert a.plus-minus.open, .warning a.plus-minus.open {
		background-position: 0 0;
	}

div.loading {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	background-image: url('/Images/loader.gif');
	background-size: 40px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: rgba(128,128,128,0.4);
	z-index: 10000000;
}

table.sharedDeviceTable {
	width: 100%;
	font-size: 12px;
	white-space: nowrap
}

	table.sharedDeviceTable > th {
		font-size: inherit;
	}

table.sharedDeviceTableNew {
	width: 95%;
	font: 13px 'Proxima Nova', Helvetica, sans-serif;
	/* white-space: nowrap; */
	margin-left: 30px;
	margin-top: -10px;
	/* padding: 30px; */
	/* position: absolute; */
	/* overflow-y: auto; */
	/* height: 580px; */
	/* display: table; */
	/* border-collapse: collapse; */
}

	table.sharedDeviceTableNew tbody td {
		padding-top: 5px;
	}

	table.sharedDeviceTableNew thead th {
		left: -1.2%;
		padding-top: 20px;
		text-align: center;
		position: relative;
	}


table.sharedDeviceTableNew2 {
	width: 90%;
	font: 20px 'Proxima Nova', Helvetica, sans-serif;
	/* white-space: nowrap; */
	margin-left: 30px;
	margin-top: -10px;
	/* padding: 30px; */
	/* position: absolute; */
	/* overflow-y: auto; */
	/* height: 580px; */
	/* display: table; */
	/* border-collapse: collapse; */
}

	table.sharedDeviceTableNew2 tbody td {
		padding-top: 5px;
	}

	table.sharedDeviceTableNew2 thead th {
		left: -1.2%;
		padding-top: 20px;
		text-align: center;
		position: relative;
	}

.ShareBox {
	width: 85%;
	text-align: center;
	height: 30px;
	border-width: 1px;
	border-radius: 5px;
	border-style: solid;
	border-color: #9b9b9b;
	/* border-bottom-color: grey; */
	/* border-top-color: grey; */
}

.ShareBoxDisable {
	text-align: center;
	width: 85%;
	height: 30px;
	border-width: 1px;
	border-radius: 5px;
	border-style: solid;
	border-color: #9b9b9b;
	background-color: #dddddd;
}

.ShareAddBox {
	width: 140%;
	font: 18px 'Proxima Nova', Helvetica, sans-serif;
	height: 34px;
	position: relative;
	background-color: #0098CD;
	color: white;
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
	left: -19px;
	border-color: #9b9b9b;
}

.NEWaddSensor {
	background-color: #0098CD;
	color: white;
	border-style: solid;
	border-radius: 5px;
	margin-top: 80px;
	width: 200px;
	height: 30px;
	border-color: #cdcdcd;
	border-width: 1.5px;
	margin-left: 30px;
}

.historyDiv {
	background-color: #ffffff;
	color: black;
	border-style: solid;
	border-radius: 5px;
	/* width: 80%; */
	height: 30px;
	border-color: #cdcdcd;
	border-width: 1.5px;
	text-align: center;
	/* padding-bottom: 10px; */
}

.DeviceHistory {
	width: 90%;
	/* margin-right: -50px; */

	height: 100%;
	margin-left: auto;
	margin-right: auto;
	/* padding-left: 50px; */
}

table.DeviceHistory td {
	/* padding-bottom:10px; */
	padding-right: 10px;
	padding-top: 10px;
	/* right: 10px; */
}

table.DeviceHistory th {
	font: 19px 'Proxima Nova', Helvetica, sans-serif;
	border-bottom-style: solid;
	border-bottom-color: black;
	border-bottom-width: 1px;
	/* padding-bottom: 10px; */
	text-align: center;
}

.ShareDeleteBox {
	background-image: url(/images/trash.png); /* 16px x 16px */
	width: 140%;
	background-size: 20px 20px;
	background-position: center;
	background-repeat: no-repeat;
	font: 18px 'Proxima Nova', Helvetica, sans-serif;
	height: 34px;
	position: relative;
	background-color: #0098CD;
	color: white;
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
	left: -19px;
	border-color: #9b9b9b;
}

table.sharedDeviceTableNew > th {
	font-size: inherit;
}

table.sharedDeviceTableNew thead tr {
	text-align: center;
	border-bottom-style: solid;
	border-bottom-color: #b7b7b7;
	border-bottom-width: 2px;
	padding-bottom: 5px;
}

table.sharedDeviceTableNew tbody tr td {
	/* border-style: solid; */
	/* border-color: #b7b7b7; */
	/* border-width: 2px; */
	padding-right: 5px;
}

#tableview table.dataTable {
	border-bottom: 1px solid #b2b3b5;
	border-collapse: separate;
}

	#tableview table.dataTable td {
		color: #686a6b;
		font-size: 13px;
		font-weight: 600;
		padding: 10px;
	}

		#tableview table.dataTable td.fulladdress {
			text-align: right;
		}

	#tableview table.dataTable tr.online td:first-child, #tableview table.dataTable tr.online + tr td.elapsed {
		color: #72984b;
	}

	#tableview table.dataTable tr.alert td:first-child, #tableview table.dataTable tr.alert + tr td.elapsed {
		color: #fb4c1d;
	}

	#tableview table.dataTable tr.alert td.align-left {
		color: white;
	}

	#tableview table.dataTable tr.warning td:first-child, #tableview table.dataTable tr.warning + tr td.elapsed {
		color: #d98f00;
	}

	#tableview table.dataTable tr.offline td:first-child {
		color: #abacac;
	}

	#tableview table.dataTable tr.online td {
		background: #e6e9e4;
	}

	#tableview table.dataTable tr.offline td {
		background: #f0f3ed;
	}

	#tableview table.dataTable tr.alert td {
		background-color: #fdae99;
	}

	#tableview table.dataTable tr.warning td {
		background-color: #fdcb69;
	}

	#tableview table.dataTable td.details {
		background-color: #fff;
		border: 2px solid;
		padding: 20px;
	}

	#tableview table.dataTable tr.online + tr td.details {
		border-color: #72984b;
	}

	#tableview table.dataTable tr.alert + tr td.details {
		border-color: #fb4c1d;
	}

	#tableview table.dataTable tr.warning + tr td.details {
		border-color: #fca805;
	}

	#tableview table.dataTable td.details table {
		width: 100%;
	}

	#tableview table.dataTable table.DeviceRow {
		margin: 0 0 10px 0;
	}

		#tableview table.dataTable table.DeviceRow td {
			background-color: #fff;
			padding: 0 5px 5px;
		}

			#tableview table.dataTable table.DeviceRow td.ico {
				padding-left: 0;
			}

			#tableview table.dataTable table.DeviceRow td.fulladdress {
				padding-right: 0;
			}

.rowviewtable tbody tr:nth-child(odd) td {
	background-color: #f5f5f5;
}

tr.alert + tr .rowviewtable tbody tr:nth-child(odd) td {
	background-color: #fedfd6;
}

#tableview tr + tr .rowviewtable tbody tr.alert td {
	background-color: #fb4c1d;
	color: #fff;
	font-weight: 600;
}

tr.warning + tr .rowviewtable tbody tr:nth-child(odd) td {
	background-color: #fdf5e4;
}

#tableview tr + tr .rowviewtable tbody tr.warning td {
	background-color: #fca805;
	color: #fff;
	font-weight: 600;
}

tr.online + tr .rowviewtable tbody tr:nth-child(odd) td {
	background-color: #ebf7de;
}

.responsepane h4 {
	color: #373f42;
	font-size: 12px;
	font-weight: 600;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}

#tableview .responsepane h4 {
	margin: 10px 0;
}

.responsepane h5 {
	font-size: 13px;
	text-transform: none;
	margin: 10px 0;
}

	.responsepane h5 span {
		color: #0098cd;
	}

.responsepane p {
	color: #686a6b;
	font-size: 12px;
}

.responsepane ol {
	margin: 5px 0;
	padding: 0 0 0 18px;
}

	.responsepane ol li {
		margin: 5px 0;
		padding: 0;
	}

.responsepane #step {
	color: #0098cd;
	font-size: 13px;
	font-weight: 600;
	width: auto;
	height: auto;
}

.responsepane textarea {
	background-color: #e6e9e4;
	border: 1px solid #b2b3b5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0;
	/*width: 100%;*/
}

.DeviceTileExpand #actionqueue {
	clear: both;
}

#tableview .responsepane .rowcol {
	float: left;
	margin-right: 3.3%;
	width: 30%;
}

.rowviewtable {
	border-bottom: 1px solid #b2b3b5;
}

#stepNumber, .blueText {
	text-align: right;
}

	.blueText a {
		color: #0098cd;
		display: inline-block;
		font-size: 13px;
		margin: 10px;
	}

	#stepNumber a {
		background: none;
		color: #4dc5e2;
		display: inline-block;
		font-size: 12px;
		margin: 10px;
		text-align: center;
	}

@media (max-width: 400px) {
	#stepNumber {
		text-align: center;
	}

		#stepNumber a {
			margin: 10px 2px;
			font-size: 10px;
		}
}

#stepNumber a span {
	background: url(/images/report-numbers.png) no-repeat 0 0;
	display: block;
	height: 23px;
	margin: 0 auto;
	overflow: hidden;
	text-indent: -999px;
	width: 23px;
}

a#gotoStep1 span {
	background-position: -39px 0;
}

a#gotoStep1.current span, a#gotoStep1:hover span {
	background-position: 0 0;
}

a#gotoStep2 span {
	background-position: -118px 0;
}

a#gotoStep2.current span, a#gotoStep2:hover span {
	background-position: -79px 0;
}

a#gotoStep3 span {
	background-position: -197px 0;
}

a#gotoStep3.current span, a#gotoStep3:hover span {
	background-position: -158px 0;
}

.reporting h1, #PageBody h1, #newProfile h1, #newClientPartial h1, #baseView h1, .addPartialDiv h1, .edithost h1 {
	color: #686a6b;
	font-size: 18px;
	font-weight: normal;
	margin: 20px 0;
	padding: 0;
}

.addPartialDiv {
	margin: 0px 10px;
}

#stepOne, #stepTwo, #stepThree {
	overflow-x: auto;
}

#PageBody {
	margin-bottom: 4em;
}

#stepOne h2 {
	color: #373f42;
	font-size: 16px;
	font-weight: 700;
	margin: 20px 0;
	padding: 0;
}

.report-ico {
	background: url(/images/report-icons.png) no-repeat 0 0;
	display: inline-block;
	height: 16px;
	margin-bottom: 5px;
	vertical-align: middle;
	width: 14px;
}

#leftPanelStep1 .report-ico {
	background-position: 0 0;
}

#middlePanelStep1 .report-ico {
	background-position: -18px 0;
}

#rightPanelStep1 .report-ico {
	background-position: -36px 0;
}

.profile-ico {
	background: url(/images/profile-icons.png) no-repeat 0 0;
	display: inline-block;
	height: 16px;
	margin-bottom: 5px;
	vertical-align: middle;
	width: 16px;
}

	.profile-ico.notification {
		background-position: 0 0;
	}

	.profile-ico.response {
		background-position: -17px 0;
	}

	.profile-ico.device {
		background-position: -34px 0;
	}

.clientPanel.rightPanel {
	border-top: 4px solid #b2b3b5;
	float: left;
	margin-right: 30px;
	margin-top: 12px;
	width: 100%;
}

.blankLeftDiv {
	width: 190px;
	height: 100%;
	float: left;
}

.profileDevicePanelLeft {
	margin-left: auto;
	margin-right: auto;
}

.profileDevicePanelRight {
	margin-left: auto;
	margin-right: auto;
}

.profileDevicePanelCenter {
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
}

#leftPanelStep1, #middlePanelStep1, #rightPanelStep1, #leftPanelStep2, .profilePanel {
	border-top: 4px solid #b2b3b5;
	float: left;
	margin-right: 30px;
	overflow: hidden;
	width: 100%;
	/*min-width:500px;
    width: auto;*/
}

#newProfile .profilePanel {
	width: auto;
}

#middlePanelStep1 table, #rightPanelStep1 table, .middlePanel table, .rightPanel table, .leftPanel table {
	width: 100%;
}

#middlePanelStep1 th, #rightPanelStep1 th, .middlePanel th, .rightPanel th, .leftPanel th {
	border-bottom: 1px solid #b2b3b5;
	color: #373f42;
	font-size: 13px;
	font-weight: 600;
	padding: 5px;
}

	#middlePanelStep1 th:first-child, #rightPanelStep1 th:first-child, .middlePanel th:first-child, .rightPanel th:first-child {
		padding-left: 0;
	}

#leftPanelStep1 td {
	font-size: 13px;
	padding: 3px;
}

#middlePanelStep1 td, #rightPanelStep1 td, .leftPanel td, .middlePanel td, .rightPanel td {
	font-size: 13px;
	padding: 5px;
}

	#middlePanelStep1 td:first-child, #rightPanelStep1 td:first-child, .middlePanel td:first-child, .rightPanel td:first-child {
		padding-left: 0;
	}

#middlePanelStep1 th, #rightPanelStep1 th, #middlePanelStep1 td, #rightPanelStep1 td, .middlePanel th, .middlePanel td, .rightPanel th, .rightPanel td {
	font-size: 12px;
}

#stepOne caption {
	color: #686a6b;
	font-size: 13px;
	padding: 10px 0;
	text-align: left;
}

th.created, td.created {
	text-align: right;
}

th.delete, td.delete {
	width: 12px;
}

#leftPanelStep1 input[type=text] {
	border: 2px solid #b2b3b5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}

#leftPanelStep1 .newreports {
	margin: 0;
	padding: 0;
	width: auto;
}

#rightPanelStep1, .rightPanel {
	float: left;
	margin-right: 0 !important;
}

#stepTwo {
}

.leftDoublePanel {
	float: left;
	margin-right: 30px !important;
	overflow: hidden;
	width: 100%;
}

.clientPanel.leftClientDoublePanel {
	border-top: 4px solid #b2b3b5;
	float: left;
	margin-right: 30px !important;
	width: 100%;
}

#rightPanelStep2, .clientPanel.leftDoublePanel {
	border-top: 4px solid #b2b3b5;
	float: left;
	/*width: 790px;*/
}

#singlePanelStep3 {
	margin: 0 auto;
	max-width: 450px;
}

.outputmenu .current {
	background-color: #fff;
}

.centerPanel {
	border-top: 4px solid #b2b3b5;
	margin: 0 auto;
	width: 100%;
	/*max-width: 450px;*/
}

.outputmenu {
	text-align: center;
}

@media (max-width: 430px) {
	.outputmenu #scheduleButton {
		margin-right: 10px;
		margin-top: 10px;
	}
}

.report-type {
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
	box-shadow: 0 1px 4px rgba(0,0,0,0.2);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #686a6b;
	display: inline-block;
	font-size: 13px;
	height: 90px;
	margin: 0 5px;
	padding: 30px 0 0;
	width: 90px;
}

	.report-type img {
		display: block;
		margin: 0 auto 5px;
	}

#pdfButton {
	margin-left: 0;
}

#scheduleButton {
	margin-right: 0;
}

.clientPanel table {
	width: 100%;
}

	.clientPanel table td, .clientPanel table td a {
		color: #686a6b;
		font-size: 12px;
	}

		.clientPanel table td.emailTo {
			color: #0098cd;
		}

td.edit {
	padding: 0;
	width: 12px;
}

	td.edit a {
		background: url(/images/pencil.png) no-repeat 0 0;
		display: block;
		height: 12px;
		overflow: hidden;
		text-indent: -999px;
		width: 12px;
	}

.additem {
	color: #0098cd;
	font-size: 13px;
}

.cust-icon {
	background: url(/Images/customer.png) no-repeat -16px 0;
	display: inline-block;
	height: 16px;
	margin-bottom: 5px;
	vertical-align: middle;
	width: 16px;
}

#addCustomer .cust-icon {
	background-position: 0 0;
}

#addNewDevice .cust-icon {
	background-position: 0 -90px;
}

#grouping .cust-icon {
	background-position: 0 -36px;
}

#addaccount .cust-icon {
	background-position: 0 -19px;
}

#addNewUser .cust-icon {
	background-position: 0 -56px;
}

#addEA800 .cust-icon {
	background-position: 0 -74px;
}

a.delete {
	float: right;
	margin: 13px 18px;
	padding: 9px;
}

.loader {
	display: block;
	margin: auto;
	padding: 10px;
	vertical-align: middle;
}

.ui-icon.DataTables_sort_icon {
	background: url(/Images/sort-arrows.png) no-repeat 0 0;
	height: 12px;
	width: 8px;
}

	.ui-icon.DataTables_sort_icon.ui-icon-triangle-1-n {
		background-position: -16px 0;
	}

	.ui-icon.DataTables_sort_icon.ui-icon-triangle-1-s {
		background-position: -32px 0;
	}

/*.DeviceMap {
	width: 1100px;
}*/

#continueButton {
	bottom: 50px;
	margin-left: -150px;
	position: fixed;
}

@media (max-width: 450px) {
	#continueButton {
		bottom: unset;
		margin-left: 0px;
		position: relative;
	}
}

/*Sensor list page linking*/
@media (min-width: 600px) {
	#sensorlist {
		display: none;
	}
}

.jstree ul, .jstree li {
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
}

.jstree li {
	display: block;
	min-height: 18px;
	line-height: 18px;
	white-space: nowrap;
	margin-left: 18px;
	min-width: 18px;
}

.jstree-rtl li {
	margin-left: 0;
	margin-right: 18px;
}

.jstree > ul > li {
	margin-left: 0px;
}

.jstree-rtl > ul > li {
	margin-right: 0px;
}

.jstree ins {
	display: inline-block;
	text-decoration: none;
	width: 18px;
	height: 18px;
	margin: 0 0 0 0;
	padding: 0;
}

.jstree a {
	display: inline-block;
	line-height: 16px;
	height: 16px;
	color: black;
	white-space: nowrap;
	text-decoration: none;
	padding: 1px 2px;
	margin: 0;
}

	.jstree a:focus {
		outline: none;
	}

	.jstree a > ins {
		height: 16px;
		width: 16px;
	}

	.jstree a > .jstree-icon {
		margin-right: 3px;
	}

.jstree-rtl a > .jstree-icon {
	margin-left: 3px;
	margin-right: 0;
}

li.jstree-open > ul {
	display: block;
}

li.jstree-closed > ul {
	display: none;
}

.tab-button {
	background-color: #87AFDA;
	color: white;
	padding: 2px 10px;
	border: solid;
	border-radius: 5px;
	cursor: pointer;
	border-color: black;
	border-width: 1px;
	width: 260px;
	height: 35px;
	font-size: 18px;
	margin-right: 35px;
}

.tab-button2 {
	background-color: #87AFDA;
	color: white;
	padding: 2px 10px;
	border: solid;
	border-radius: 5px;
	cursor: pointer;
	border-color: black;
	border-width: 1px;
	width: 200px;
	height: 35px;
	font-size: 18px;
	margin-right: 35px;
}

.inner-button {
	background-color: #0098CD;
	color: white;
	padding: 2px 10px;
	border: solid;
	border-radius: 5px;
	cursor: pointer;
	border-color: black;
	border-width: 1px;
	width: 150px;
	height: 30px;
	font-size: 15px;
	position: relative;
	top: -10px;
	margin-right: 0pt;
	margin-top: -500pt;
	margin-left: 20pt;
}

.hard-sensor {
	background-color: white;
	border: solid;
	border-radius: 5px;
	cursor: pointer;
	border-color: #adadad;
	border-width: 1px;
	width: 220px;
	height: 25px;
}

.wireless-sensor {
	background-color: white;
	border: solid;
	border-radius: 5px;
	cursor: pointer;
	border-color: #a1a1a1;
	border-width: 1px;
	width: 240px;
	height: 25px;
}

.inner-sensor-online {
	background-color: #72984B;
	border: solid;
	color: white;
	border-width: 1.5px;
	border-radius: 0px;
	cursor: pointer;
	border-color: grey;
	/* box-sizing: content-box; */
	/* margin-top: auto; */
	margin-left: 10px;
	/* margin-bottom: auto; */
	/* padding-left: 5px; */
	display: inline-block;
	width: 100%;
	width: 170px;
	height: 23.5px;
	/* flex-direction: row; */
}

.inner-sensor-offline {
	background-color: #DFDFDF;
	border: solid;
	color: transparent;
	border-width: 1.5px;
	border-radius: 0px;
	cursor: pointer;
	border-color: grey;
	display: inline-block;
	margin-left: 10px;
	width: 173px;
	height: 23.5px;
	cursor: default;
}

.NewUI {
	background-color: #F5F5F5;
	border-radius: 5px;
	border-color: #a19e9e;
	border-style: solid;
	border-width: 2px;
	/* width: 65%; */
	width: 1200px;
	height: 650px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	/* text-align: center; */
	/* align-self: center; */
}

.NewUIHeader {
	border-bottom-style: solid;
	border-bottom-width: 4px;
	border-bottom-color: #b2b3b5;
	padding-left: 7px;
	margin-left: auto;
	margin-right: auto;
	width: 1193px;
}

.NewUITable {
	padding: 10px;
}

.NewUITable2 {
	padding: 10px;
}

.NewUITableSensor {
	padding: 10px;
}

.NewUITableSensorEdit {
	padding: 10px;
}

table.NewUITableSensor th {
	font: 13px 'Proxima Nova', Helvetica, sans-serif;
	font-weight: normal;
	padding-left: 10pt;
	padding-right: 20pt;
	padding-top: 15pt;
}

.NEWSensorList {
	font: 19px 'Proxima Nova', Helvetica, sans-serif;
	font-weight: normal;
	/* padding-left: 10pt; */
	/* padding-right: 20pt; */
	/* padding-bottom: 10pt; */
	/* text-align: center; */
	width: 90%;
	border-bottom-style: solid;
	border-bottom-color: black;
	border-bottom-width: 2px;
	:;
}

table.NewUITableSensorEdit th {
	font: 13px 'Proxima Nova', Helvetica, sans-serif;
	font-weight: normal;
	padding-left: 10pt;
	padding-right: 20pt;
	padding-bottom: 15pt;
}

table.NewUITable th {
	font: 13px 'Proxima Nova', Helvetica, sans-serif;
	font-weight: normal;
	/* position: static; */
	padding-left: 15px;
	padding-right: 70px;
	padding-bottom: 5pt;
}

table.NewUITable div {
	padding-bottom: 3pt;
}

table.NewUITable tr {
	/*padding-bottom: -1pt;*/
	/* display: block; */
}

table.NewUITable input[type=text] {
	width: 200px;
	height: 25px;
	border-style: solid;
	border-width: 0.3px;
	border-radius: 5px;
	border-color: black;
	background-color: white;
}

	table.NewUITable input[type=text]:disabled {
		width: 200px;
		height: 25px;
		border-style: solid;
		border-width: 0.3px;
		border-radius: 5px;
		border-color: black;
		background-color: #dfdfdf;
	}

table.NewUITable select {
	width: 208px;
	height: 28px;
	border-style: solid;
	border-width: 0.3px;
	border-radius: 5px;
	border-color: black;
	background-color: white;
}

	table.NewUITable select:disabled {
		width: 208px;
		height: 28px;
		border-style: solid;
		border-width: 0.3px;
		border-radius: 5px;
		border-color: black;
		background-color: #b9b9b9;
	}

table.NewUITableSensorEdit th {
	font: 13px 'Proxima Nova', Helvetica, sans-serif;
	font-weight: normal;
	padding-left: 15pt;
	padding-right: 70pt;
	padding-bottom: 5pt;
}

table.NewUITableSensorEdit div {
	padding-bottom: 3pt;
}

table.NewUITableSensorEdit tr {
	/*padding-bottom: -1pt;*/
	/* display: inline; */
}

table.NewUITableSensorEdit input[type=text] {
	width: 200px;
	height: 25px;
	border-style: solid;
	border-width: 0.3px;
	border-radius: 5px;
	border-color: black;
	background-color: white;
}

	table.NewUITableSensorEdit input[type=text]:disabled {
		width: 200px;
		height: 25px;
		border-style: solid;
		border-width: 0.3px;
		border-radius: 5px;
		border-color: black;
		background-color: #d9d9d9;
	}

table.NewUITableSensorEdit select {
	width: 208px;
	height: 28px;
	border-style: solid;
	border-width: 0.3px;
	border-radius: 5px;
	border-color: black;
	background-color: white;
}

table.NewUITable2 th {
	font: 27px 'Proxima Nova', Helvetica, sans-serif;
	font-weight: normal;
	/* position: static; */
	padding-left: 15px;
	padding-right: 70px;
	padding-bottom: 5pt;
}

table.NewUITable2 div {
	padding-bottom: 5pt;
}

table.NewUITable2 tr {
	/*padding-bottom: -1pt;*/
	/* display: block; */
}

table.NewUITable2 input[type=text] {
	width: 300px;
	height: 30px;
	border-style: solid;
	border-width: 0.3px;
	border-radius: 5px;
	border-color: black;
	background-color: white;
}

	table.NewUITable2 input[type=text]:disabled {
		width: 300px;
		height: 30px;
		border-style: solid;
		border-width: 0.3px;
		border-radius: 5px;
		border-color: black;
		background-color: #dfdfdf;
	}

table.NewUITable2 select {
	width: 303px;
	height: 35px;
	border-style: solid;
	border-width: 0.3px;
	border-radius: 5px;
	border-color: black;
	background-color: white;
}

	table.NewUITable2 select:disabled {
		width: 208px;
		height: 28px;
		border-style: solid;
		border-width: 0.3px;
		border-radius: 5px;
		border-color: black;
		background-color: #b9b9b9;
	}


table.NewUITable4 th {
	font: 20px 'Proxima Nova', Helvetica, sans-serif;
	font-weight: normal;
	/* position: static; */
	padding-left: 15px;
	padding-right: 70px;
	padding-bottom: 0pt;
}

table.NewUITable4 div {
	padding-bottom: 1pt;
}

table.NewUITable4 tr {
	/*padding-bottom: -1pt;*/
	/* display: block; */
}

table.NewUITable4 input[type=text] {
	width: 300px;
	height: 30px;
	border-style: solid;
	border-width: 0.3px;
	border-radius: 5px;
	border-color: black;
	background-color: white;
}

	table.NewUITable4 input[type=text]:disabled {
		width: 300px;
		height: 30px;
		border-style: solid;
		border-width: 0.3px;
		border-radius: 5px;
		border-color: black;
		background-color: #dfdfdf;
	}

table.NewUITable4 select {
	width: 303px;
	height: 30px;
	border-style: solid;
	border-width: 0.3px;
	border-radius: 5px;
	border-color: black;
	background-color: white;
}

	table.NewUITable4 select:disabled {
		width: 208px;
		height: 28px;
		border-style: solid;
		border-width: 0.3px;
		border-radius: 5px;
		border-color: black;
		background-color: #b9b9b9;
	}

table.NewUITable3 th {
	font: 27px 'Proxima Nova', Helvetica, sans-serif;
	font-weight: normal;
	/* position: static; */
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 5pt;
	text-align: center;
}

table.NewUITable3 td {
	font: 15px 'Proxima Nova', Helvetica, sans-serif;
	font-weight: normal;
	/* position: static; */
	padding-left: 0px;
	padding-right: 6px;
	padding-bottom: 10pt;
	text-align: center;
}

table.NewUITable3 div {
	padding-bottom: 5pt;
}

table.NewUITable3 tr {
	/*padding-bottom: -1pt;*/
	/* display: block; */
}

table.NewUITable3 input[type=text] {
	width: 300px;
	height: 30px;
	border-style: solid;
	border-width: 0.3px;
	border-radius: 5px;
	border-color: black;
	background-color: white;
}

	table.NewUITable3 input[type=text]:disabled {
		width: 300px;
		height: 30px;
		border-style: solid;
		border-width: 0.3px;
		border-radius: 5px;
		border-color: black;
		background-color: #dfdfdf;
	}

table.NewUITable3 select {
	width: 303px;
	height: 35px;
	border-style: solid;
	border-width: 0.3px;
	border-radius: 5px;
	border-color: black;
	background-color: white;
}

	table.NewUITable3 select:disabled {
		width: 208px;
		height: 28px;
		border-style: solid;
		border-width: 0.3px;
		border-radius: 5px;
		border-color: black;
		background-color: #b9b9b9;
	}

table.NewUITableSensorEdit select:disabled {
	width: 208px;
	height: 28px;
	border-style: solid;
	border-width: 0.3px;
	border-radius: 5px;
	border-color: black;
	background-color: #cdcdcd;
}

.NewUIEnd {
	position: relative;
	width: 280px;
	top: -210px;
	left: 915px;
	font: 12px 'Proxima Nova', Helvetica, sans-serif;
	font-weight: normal;
}

div.NewUIEnd div {
	text-align: left;
	display: inline-block;
}

	div.NewUIEnd div.right {
		font-weight: normal;
		/* padding-left: 20px; */
		text-align: right;
		display: inline-block;
	}

.NewUIEnd2 {
	position: relative;
	width: 280px;
	top: -210px;
	left: 915px;
	font: 15px 'Proxima Nova', Helvetica, sans-serif;
	font-weight: normal;
}

div.NewUIEnd2 div {
	text-align: left;
	display: inline-block;
}

	div.NewUIEnd2 div.right {
		font-weight: normal;
		/* padding-left: 20px; */
		text-align: right;
		display: inline-block;
	}

.DescNEW {
	font: 15px 'Proxima Nova', Helvetica, sans-serif;
	font-weight: normal;
	padding-left: 20px;
}

div.DescNEW textarea {
	width: 400px;
	height: 70px;
	background-color: white;
	border-style: solid;
	border-radius: 5px;
	border-color: black;
	border-width: 1px;
	resize: none;
}

.NewUIPerm {
	font: 15px 'Proxima Nova', Helvetica, sans-serif;
	font-weight: bold;
	/* margin-bottom: 50%; */
	/* padding: 300px; */
	position: absolute;
	text-align: center;
	right: 35%;
	top: 50%;
}

button.DeleteNEWUI {
	width: 80px;
	height: 25px;
	border-style: solid;
	border-radius: 5px;
	border-width: 1px;
	color: white;
	background-color: #EB5B78;
}

button.CancelNEWUI {
	width: 80px;
	height: 25px;
	border-style: solid;
	border-radius: 5px;
	border-width: 1px;
	color: white;
	background-color: #B2B3B5;
	margin-left: 15px;
}

button.SaveNEWUI {
	width: 80px;
	height: 25px;
	border-style: solid;
	border-radius: 5px;
	border-width: 1px;
	color: white;
	background-color: #72984B;
	margin-left: 15px;
}

button.DeleteNEWUI2 {
	width: 270px;
	height: 40px;
	border-style: solid;
	border-radius: 5px;
	border-width: 1px;
	color: white;
	margin-left: 15px;
	background-color: #EB5B78;
	font-size: 24px;
}

button.CancelNEWUI2 {
	width: 270px;
	height: 40px;
	border-style: solid;
	border-radius: 5px;
	border-width: 1px;
	color: white;
	background-color: #B2B3B5;
	margin-left: 15px;
	font-size: 24px;
}

button.SaveNEWUI2 {
	width: 270px;
	height: 40px;
	border-style: solid;
	border-radius: 5px;
	border-width: 1px;
	color: white;
	background-color: #72984B;
	margin-left: 15px;
	font-size: 24px;
}

button.BlueNEWUI2 {
	width: 270px;
	height: 40px;
	border-style: solid;
	border-radius: 5px;
	border-width: 1px;
	color: white;
	background-color: #0098CD;
	margin-left: 30px;
	font-size: 24px;
}

.inner-table-sensor {
	padding: 2px;
	border: solid;
	border-width: 1px;
	border-radius: 5pt;
	/* margin-left: 305px; */
	/* margin-bottom: 100px; */
	display: block;
	position: relative;
	top: -247px;
	right: -317px;
	width: 880px;
}

table.inner-table-sensor th {
	font: 13px 'Proxima Nova', Helvetica, sans-serif;
	font-weight: normal;
	padding-left: 15pt;
	padding-right: 70pt;
	padding-bottom: 3.6pt;
}

table.inner-table-sensor div {
	padding-bottom: 3pt;
}

table.inner-table-sensor tr {
	/*padding-bottom: -1pt;*/
	padding:;
	/* display: block; */
}

table.inner-table-sensor input[type=text] {
	width: 200px;
	height: 25px;
	border-style: solid;
	border-width: 0.3px;
	border-radius: 5px;
	border-color: black;
	background-color: white;
}

	table.inner-table-sensor input[type=text]:disabled {
		width: 200px;
		height: 25px;
		border-style: solid;
		border-width: 0.3px;
		border-radius: 5px;
		border-color: black;
		background-color: #d9d9d9;
	}

table.inner-table-sensor select {
	width: 208px;
	height: 28px;
	border-style: solid;
	border-width: 0.3px;
	border-radius: 5px;
	border-color: black;
	background-color: white;
}

	table.inner-table-sensor select:disabled {
		width: 208px;
		height: 28px;
		border-style: solid;
		border-width: 0.3px;
		border-radius: 5px;
		border-color: black;
		background-color: #b9b9b9;
	}

.buttonwrapper {
	width: 100%;
}
/* Confirm save modal section */
.modal-content {
	overflow: hidden;
}

@media screen and (max-width: 20.5em) {
	.modal-dialog {
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
	}

	.modal-title {
		font-size: 3em;
		font-weight: 300;
		margin: 0 0 20px 0;
	}


	.modal-content {
		height: 100%;
		border-radius: 0;
	}
}

.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

	.switch input {
		display: none;
	}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #23b75e;
	transition: .4s;
}

	.slider:before {
		position: absolute;
		content: "";
		height: 26px;
		width: 26px;
		left: 4px;
		bottom: 4px;
		background-color: white;
		transition: .4s;
	}

/* include generated hidden field here */
input[type="checkbox"]:checked + input[type="hidden"] + .slider,
input[type="checkbox"]:checked + .slider {
	background-color: #EB5B78;
}

/* include generated hidden field here */
input[type="checkbox"]:focus + input[type="hidden"] + .slider,
input[type="checkbox"]:focus + .slider {
	box-shadow: 0 0 1px #EB5B78;
}

/* include generated hidden field here */
input[type="checkbox"]:checked + input[type="hidden"] + .slider:before,
input[type="checkbox"]:checked + .slider:before {
	transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 20px;
}

	.slider.round:before {
		border-radius: 50%;
	}

.toggletext {
	padding: 10px;
	display: flex;
	font-size: 23px;
	align-items: center;
}


.switch2 {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

	.switch2 input {
		display: none;
	}

.slider2 {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #EB5B78;
	transition: .4s;
}

	.slider2:before {
		position: absolute;
		content: "";
		height: 26px;
		width: 26px;
		left: 4px;
		bottom: 4px;
		background-color: white;
		transition: .4s;
	}

/* include generated hidden field here */
input[type="checkbox"]:checked + input[type="hidden"] + .slider2,
input[type="checkbox"]:checked + .slider2 {
	background-color: #23b75e;
}

/* include generated hidden field here */
input[type="checkbox"]:focus + input[type="hidden"] + .slider2,
input[type="checkbox"]:focus + .slider2 {
	box-shadow: 0 0 1px #23b75e;
}

/* include generated hidden field here */
input[type="checkbox"]:checked + input[type="hidden"] + .slider2:before,
input[type="checkbox"]:checked + .slider2:before {
	transform: translateX(26px);
}

/* Rounded sliders */
.slider2.round {
	border-radius: 20px;
}

	.slider2.round:before {
		border-radius: 50%;
	}

.toggletext2 {
	padding: 10px;
	display: flex;
	font-size: 23px;
	align-items: center;
}

.tooltip2 {
	position: relative;
	display: inline-block;
	background: url('/Images/info-circle.png') no-repeat;
}

.tooltip2 .tooltiptext2 {
	visibility: hidden;
	width: 120px;
	background-color: dimgrey;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;
	position:relative;
	font-size:12px;
	top: -5px;
	margin-left: 30px;
}

.tooltip2:hover .tooltiptext2 {
	visibility: visible;
}
/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2012 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Mark Simonson Studio
 * License URL: http://www.fontspring.com/fflicense/mark-simonson-studio
 *
 *
 */

@font-face {
    font-family: 'Proxima Nova';
    src: url('ProximaNova-Reg-webfont.eot');
    src: url('ProximaNova-Reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('ProximaNova-Reg-webfont.woff') format('woff'),
         url('ProximaNova-Reg-webfont.ttf') format('truetype'),
         url('ProximaNova-Reg-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Proxima Nova';
    src: url('ProximaNova-RegIt-webfont.eot');
    src: url('ProximaNova-RegIt-webfont.eot?#iefix') format('embedded-opentype'),
         url('ProximaNova-RegIt-webfont.woff') format('woff'),
         url('ProximaNova-RegIt-webfont.ttf') format('truetype'),
         url('ProximaNova-RegIt-webfont.svg#proxima_novaregular_italic') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'Proxima Nova';
    src: url('ProximaNova-Bold-webfont.eot');
    src: url('ProximaNova-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('ProximaNova-Bold-webfont.woff') format('woff'),
         url('ProximaNova-Bold-webfont.ttf') format('truetype'),
         url('ProximaNova-Bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Proxima Nova';
    src: url('ProximaNova-BoldIt-webfont.eot');
    src: url('ProximaNova-BoldIt-webfont.eot?#iefix') format('embedded-opentype'),
         url('ProximaNova-BoldIt-webfont.woff') format('woff'),
         url('ProximaNova-BoldIt-webfont.ttf') format('truetype'),
         url('ProximaNova-BoldIt-webfont.svg#proxima_novabold_italic') format('svg');
    font-weight: bold;
    font-style: italic;

}

@font-face {
    font-family: 'Proxima Nova';
    src: url('ProximaNova-Light-webfont.eot');
    src: url('ProximaNova-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('ProximaNova-Light-webfont.woff') format('woff'),
         url('ProximaNova-Light-webfont.ttf') format('truetype'),
         url('ProximaNova-Light-webfont.svg#proxima_nova_ltlight') format('svg');
    font-weight: 100;
    font-style: normal;

}

@font-face {
    font-family: 'Proxima Nova';
    src: url('ProximaNova-LightIt-webfont.eot');
    src: url('ProximaNova-LightIt-webfont.eot?#iefix') format('embedded-opentype'),
         url('ProximaNova-LightIt-webfont.woff') format('woff'),
         url('ProximaNova-LightIt-webfont.ttf') format('truetype'),
         url('ProximaNova-LightIt-webfont.svg#proxima_novalight_italic') format('svg');
    font-weight: 100;
    font-style: italic;

}

@font-face {
    font-family: 'Proxima Nova';
    src: url('ProximaNova-Sbold-webfont.eot');
    src: url('ProximaNova-Sbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('ProximaNova-Sbold-webfont.woff') format('woff'),
         url('ProximaNova-Sbold-webfont.ttf') format('truetype'),
         url('ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold') format('svg');
    font-weight: 600;
    font-style: normal;

}

@font-face {
    font-family: 'Proxima Nova';
    src: url('ProximaNova-SboldIt-webfont.eot');
    src: url('ProximaNova-SboldIt-webfont.eot?#iefix') format('embedded-opentype'),
         url('ProximaNova-SboldIt-webfont.woff') format('woff'),
         url('ProximaNova-SboldIt-webfont.ttf') format('truetype'),
         url('ProximaNova-SboldIt-webfont.svg#proxima_novasemibold_italic') format('svg');
    font-weight: 600;
    font-style: italic;

}


/*
 * Table
 */
table.dataTable {
	margin: 0 auto;
	clear: both;
	width: 100%;
}

table.dataTable thead th {
	padding: 3px 18px 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	*cursor: hand;
}

table.dataTable tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.dataTable td {
	padding: 3px 10px;
}

table.dataTable td.center,
table.dataTable td.dataTables_empty {
	text-align: center;
}

table.dataTable tr.odd { background-color: #E2E4FF; }
table.dataTable tr.even { background-color: white; }

table.dataTable tr.odd td.sorting_1 { background-color: #D3D6FF; }
table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; }
table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; }
table.dataTable tr.even td.sorting_1 { background-color: #EAEBFF; }
table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; }
table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; }


/*
 * Table wrapper
 */
.dataTables_wrapper {
	position: relative;
	clear: both;
	*zoom: 1;
}


/*
 * Page length menu
 */
.dataTables_length {
	float: left;
}


/*
 * Filter
 */
.dataTables_filter {
	float: right;
	text-align: right;
}


/*
 * Table information
 */
.dataTables_info {
	clear: both;
	float: left;
}


/*
 * Pagination
 */
.dataTables_paginate {
	float: right;
	text-align: right;
}

/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
	height: 19px;
	float: left;
	cursor: pointer;
	*cursor: hand;
	color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
	text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
	outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
	color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
	padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
	padding-right: 23px;
	margin-left: 10px;
}

.paginate_enabled_previous { background: url('../images/back_enabled.png') no-repeat top left; }
.paginate_enabled_previous:hover { background: url('../images/back_enabled_hover.png') no-repeat top left; }
.paginate_disabled_previous { background: url('../images/back_disabled.png') no-repeat top left; }

.paginate_enabled_next { background: url('../images/forward_enabled.png') no-repeat top right; }
.paginate_enabled_next:hover { background: url('../images/forward_enabled_hover.png') no-repeat top right; }
.paginate_disabled_next { background: url('../images/forward_disabled.png') no-repeat top right; }

/* Full number pagination */
.paging_full_numbers {
	height: 22px;
	line-height: 22px;
}
.paging_full_numbers a:active {
	outline: none
}
.paging_full_numbers a:hover {
	text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
	color: #333 !important;
}

.paging_full_numbers a.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
	background-color: #ccc;
	text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
	background-color: #99B3FF;
}


/*
 * Processing indicator
 */
.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}


/*
 * Sorting
 */
.sorting { background: url('../images/sort_both.png') no-repeat center right; }
.sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; }
.sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; }

.sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; }
.sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right; }
 
table.dataTable thead th:active,
table.dataTable thead td:active {
	outline: none;
}


/*
 * Scrolling
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
	-webkit-overflow-scrolling: touch;
}




/*
 * Table
 */
table.dataTable {
	margin: 0 auto;
	clear: both;
	width: 100%;
	border-collapse: collapse;
}

table.dataTable thead th {
	padding: 3px 0px 3px 10px;
	cursor: pointer;
	*cursor: hand;
}

table.dataTable tfoot th {
	padding: 3px 10px;
}

table.dataTable td {
	padding: 3px 10px;
}

table.dataTable td.center,
table.dataTable td.dataTables_empty {
	text-align: center;
}

table.dataTable tr.odd { background-color: #E2E4FF; }
table.dataTable tr.even { background-color: white; }

table.dataTable tr.odd td.sorting_1 { background-color: #D3D6FF; }
table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; }
table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; }
table.dataTable tr.even td.sorting_1 { background-color: #EAEBFF; }
table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; }
table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; }


/*
 * Table wrapper
 */
.dataTables_wrapper {
	position: relative;
	clear: both;
	*zoom: 1;
}
.dataTables_wrapper .ui-widget-header {
	font-weight: normal;
}
.dataTables_wrapper .ui-toolbar {
	padding: 5px;
}


/*
 * Page length menu
 */
.dataTables_length {
	float: left;
}


/*
 * Filter
 */
.dataTables_filter {
	float: right;
	text-align: right;
}


/*
 * Table information
 */
.dataTables_info {
	padding-top: 3px;
	clear: both;
	float: left;
}


/*
 * Pagination
 */
.dataTables_paginate {
	float: right;
	text-align: right;
}

.dataTables_paginate .ui-button {
	margin-right: -0.1em !important;
}

.paging_two_button .ui-button {
	float: left;
	cursor: pointer;
	* cursor: hand;
}

.paging_full_numbers .ui-button {
	padding: 2px 6px;
	margin: 0;
	cursor: pointer;
	* cursor: hand;
	color: #333 !important;
}

/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
	height: 19px;
	float: left;
	cursor: pointer;
	*cursor: hand;
	color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
	text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
	outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
	color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
	padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
	padding-right: 23px;
	margin-left: 10px;
}

.paginate_enabled_previous { background: url('../images/back_enabled.png') no-repeat top left; }
.paginate_enabled_previous:hover { background: url('../images/back_enabled_hover.png') no-repeat top left; }
.paginate_disabled_previous { background: url('../images/back_disabled.png') no-repeat top left; }

.paginate_enabled_next { background: url('../images/forward_enabled.png') no-repeat top right; }
.paginate_enabled_next:hover { background: url('../images/forward_enabled_hover.png') no-repeat top right; }
.paginate_disabled_next { background: url('../images/forward_disabled.png') no-repeat top right; }

/* Full number pagination */
.paging_full_numbers a:active {
	outline: none
}
.paging_full_numbers a:hover {
	text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
	color: #333 !important;
}

.paging_full_numbers a.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
	background-color: #ccc;
	text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
	background-color: #99B3FF;
}


/*
 * Processing indicator
 */
.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}


/*
 * Sorting
 */
table.dataTable thead th div.DataTables_sort_wrapper {
	position: relative;
	padding-right: 20px;
}

table.dataTable thead th div.DataTables_sort_wrapper span {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 0;
}

table.dataTable th:active {
	outline: none;
}


/*
 * Scrolling
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
	-webkit-overflow-scrolling: touch;
}


.ui-multiselect {
    padding: 2px 0 2px 4px;
    text-align: left;
    float: right;
    border: 1px solid black;
    border-radius: 5px;
    background: white;
    margin-left: 22px;
}
.ui-multiselect span { color: #888 }
.ui-multiselect span.ui-icon { float:right; background: url('/Images/ui-icons_888888_256x240.png') no-repeat -68px -48px; height: 12px; width: 12px; }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

.ui-multiselect-header { padding: 8px; background-color: #E9E6E6; }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a span { color:green; }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left; background: url('/Images/ui-icons_888888_256x240.png') no-repeat -68px -48px; }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { display:none; position:absolute; z-index:10000; text-align: left; background-color: white; }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }

.ui-multiselect2 {
    padding: 2px 0 2px 4px;
    text-align: left;
    float: left;
    border: 1px solid black;
    border-radius: 5px;
    background: white;
    margin-left: 22px;
}

    .ui-multiselect2 span {
        color: #888
    }

        .ui-multiselect2 span.ui-icon {
            float: right;
            background: url('/Images/ui-icons_888888_256x240.png') no-repeat -68px -48px;
            height: 12px;
            width: 12px;
        }

.ui-multiselect2-single .ui-multiselect2-checkboxes input {
    position: absolute !important;
    top: auto !important;
    left: -9999px;
}

.ui-multiselect2-single .ui-multiselect2-checkboxes label {
    padding: 5px !important
}

.ui-multiselect2-header {
    padding: 8px;
    background-color: #E9E6E6;
}

    .ui-multiselect2-header ul {
        font-size: 0.9em
    }

        .ui-multiselect2-header ul li {
            float: left;
            padding: 0 10px 0 0
        }

    .ui-multiselect2-header a {
        text-decoration: none
    }

        .ui-multiselect2-header a span {
            color: green;
        }

        .ui-multiselect2-header a:hover {
            text-decoration: underline
        }

    .ui-multiselect2-header span.ui-icon {
        float: left;
        background: url('/Images/ui-icons_888888_256x240.png') no-repeat -68px -48px;
    }

    .ui-multiselect2-header li.ui-multiselect2-close {
        float: right;
        text-align: right;
        padding-right: 0
    }

.ui-multiselect2-menu {
    display: none;
    position: absolute;
    z-index: 10000;
    text-align: left;
    background-color: white;
}

.ui-multiselect2-checkboxes {
    position: relative /* fixes bug in IE6/7 */;
    overflow-y: scroll
}

    .ui-multiselect2-checkboxes label {
        cursor: default;
        display: block;
        border: 1px solid transparent;
        padding: 3px 1px
    }

        .ui-multiselect2-checkboxes label input {
            position: relative;
            top: 1px
        }

    .ui-multiselect2-checkboxes li {
        clear: both;
        font-size: 0.9em;
        padding-right: 3px
    }

        .ui-multiselect2-checkboxes li.ui-multiselect2-optgroup-label {
            text-align: center;
            font-weight: bold;
            border-bottom: 1px solid
        }

            .ui-multiselect2-checkboxes li.ui-multiselect2-optgroup-label a {
                display: block;
                padding: 3px;
                margin: 1px 0;
                text-decoration: none
            }

    /* remove label borders in IE6 because IE6 does not support transparency */
    * html .ui-multiselect2-checkboxes label {
        border: none
    }