@charset "utf-8";
/* CSS Document */

/* Skinnable Items for iMonnit */

/* main font and color */ 
body {
	font-family: Tahoma, Helvetica, Arial, Sans-Serif;
	font-size: 12px;
	color: #000000;
	background-color: #b4b4b4;
}	

#logo {
	margin: 7px 0px 7px 30px;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	background-position: left top;
}

@media print
{
    #logo
    {
        content: url(images/logo.png);
    }
}

/* color 1 */
.ui-daterangepicker .title-start, .ui-daterangepicker .title-end, 
a:link, #tag, .sensor_list, h1, h2, h3, h4, h5, h6, #listoptions,
#logindisplay, #logindisplay a:link, .panel_title, .panel_title_edit, .title2,
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, 
.blockTitle, .formtitle, .sectionTitle, .editor-label {
	color: #2d4780;
}

/* color 1 - Overrides */ 
/* .formtitle, .editor-label {color: #57564a;} */

/* color 1 reverse color (default white) */ 
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active,
.ui-dialog .ui-dialog-titlebar, .ui-datepicker .ui-datepicker-header,
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active,
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:hover, .ui-state-active a:visited, 
.ui-accordion-header.ui-state-active a, #maintNotification, .note .myhover div,
.ui-accordion-header.ui-state-active:hover, .ui-accordion-header.ui-state-focus, .ui-widget-content .ui-accordion-header.ui-state-focus {
	background: #2d4780;
	color: #ffffff;
}

/* color 2 */ 
a:hover, #logindisplay a:hover,
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus,
.ui-state-hover a {
	color: #c80202;
}

/* color 3 */ 
a:visited, #logindisplay a:visited {
	color: #777;
}

/* color 4 (Light Version of Main Color) */ 
.daterangeDiv, .formtitle, .blockSectionTitle, .register, .buttons, .daterangePickerMenu {
	background: #eaecf2;
}


/* Header Colors */ 
#header {
	background: #bfc4d7; /* Solid color for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfc4d7', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#bfc4d7), to(#fff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #bfc4d7,  #fff); /* for firefox 3.6+ */
}

/* Bottom Navigation Links */ 
#btm_nav a:link {font-size: 14px; color:#2d4780;}
#btm_nav a:hover {color:#c80202;}
#btm_nav a:visited {color:#2d4780;}

/* Form Field Styles */
.formtitle {
	text-shadow: -1px -1px #ddd; /*Text Shadow */
}

input[type="text"], input[type="password"], .daterangePicker input {
	background-color:#fff;
	font-size: 14px;
	padding:3px;
	border:1px solid #ccc;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition:border linear .2s,box-shadow linear .2s;
	-moz-transition:border linear .2s,box-shadow linear .2s;
	-ms-transition:border linear .2s,box-shadow linear .2s;
	-o-transition:border linear .2s,box-shadow linear .2s;
	transition:border linear .2s,box-shadow linear .2s;
}
	
input[type="text"] {margin: 0px 0px 0px 0px;}
input[type="password"] {margin: 0px 0px 0px 0px;}
input[type="checkbox"] {

    margin: 0px 0px 0px 0px;

}
/*span.watermark {margin: 10px 0px 0px 0px;}*/
/*span.watermark {margin: 10px 0px 0px 0px;}*/

.note .myhover {
	background-color:rgba(45,71,128,0.1);

}

input:focus {
	border-color:rgba(45,71,128,0.8);
	outline:0;outline:thin dotted \9;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(45,71,128,0.6);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(45,71,128,0.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(45,71,128,0.6);
}

input.red:focus {
	border-color:rgba(200,2,2,0.8);
	outline:0;outline:thin dotted \9;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(200,2,2,0.6);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(200,2,2,0.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(200,2,2,0.6);
}

select {
	font-size: 14px;
	padding:3px;
	margin-top: 0px;
	overflow: hidden;
	border:1px solid #ccc;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition:border linear .2s,box-shadow linear .2s;
	-moz-transition:border linear .2s,box-shadow linear .2s;
	-ms-transition:border linear .2s,box-shadow linear .2s;
	-o-transition:border linear .2s,box-shadow linear .2s;
	transition:border linear .2s,box-shadow linear .2s;
}

select:focus {
	border-color:rgba(45,71,128,0.8);
	outline:0;outline:thin dotted \9;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(45,71,128,0.6);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(45,71,128,0.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(45,71,128,0.6);
}

/* Form Button Styles */
.bluebutton, a.bluebutton {
	background: #2d4780; /* Old browsers */
	background: -moz-linear-gradient(top, #5b709b 0%, #2d4780 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b709b), color-stop(100%,#2d4780)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #5b709b 0%,#2d4780 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #5b709b 0%,#2d4780 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #5b709b 0%,#2d4780 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b709b', endColorstr='#2d4780',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #5b709b 0%,#2d4780 100%); /* W3C */
	border: 1px solid #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
	line-height: 16px;
	font-size: 16px;
	padding: 5px 12px 5px 12px;
	color: #fff;
	float: right;
	margin: 10px;
	text-shadow: .5px 2px 0 rgba(0, 0, 0, 0.25);
	box-shadow: .5px .5px 5px rgba(0, 0, 0, 0.45);
	cursor: pointer;
    text-decoration:none;
}

.bluebutton:hover{
	background: #ff9b19; /* Old browsers */
	background: -moz-linear-gradient(top, #2d4780 0%, #5b709b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d4780), color-stop(100%,#5b709b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2d4780 0%,#5b709b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2d4780 0%,#5b709b 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #2d4780 0%,#5b709b 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d4780', endColorstr='#5b709b',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #2d4780 0%,#5b709b 100%); /* W3C */
}

/* Menu Bar Colors */ 
#menucontainer {
	background: #2d4780; /* Solid color for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b709b', endColorstr='#2d4780'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#5b709b), to(#2d4780)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #5b709b,  #2d4780); /* for firefox 3.6+ */
}

.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:120px; height:31px; border:1px solid #eee; border-width:1px 1px 0 0; line-height:30px; font-size:12px; padding-left:10px; color:#2d4780; border:none; text-align:center; }

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {display:block; color:#2d4780; width:120px; float:left; background:#ddd url(images/drop.gif) bottom right no-repeat; }

.menu ul li:hover ul li a.sub,
.menu ul li a:hover ul li a.sub {background:#2d4780 url(images/drop.gif) bottom right no-repeat; color:#c80202;}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {background:#ddd url(images/drop.gif) bottom right no-repeat; color:#c80202;}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {background:#2d4780; color:#fff;}

.sf-drop a, .sf-drop a:visited  {color: #2d4780;}
.sf-drop li li {background: #2d4780; border-left: 1px solid #e9e9e9; margin-left: 0px;}
.sf-drop a:focus, .sf-drop a:hover, .sf-drop a:active {outline: 0; color: #c80202; background: #fff;}

/* End Skinnable Items */

/* Notification Skinnable Items */

.colorbutton, a.addbutton {
	background: #2d4780; /* Old browsers */
	background: -moz-linear-gradient(top, #5b709b 0%, #2d4780 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b709b), color-stop(100%,#2d4780)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #5b709b 0%,#2d4780 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #5b709b 0%,#2d4780 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #5b709b 0%,#2d4780 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b709b', endColorstr='#2d4780',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #5b709b 0%,#2d4780 100%); /* W3C */
	border: 1px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	color: #fff;
	text-shadow: .5px 2px 0 rgba(0, 0, 0, 0.25);
	box-shadow: .5px .5px 5px rgba(0, 0, 0, 0.45);
	cursor: pointer;
    text-decoration:none;
}

.colorbutton:hover{
	background: #5b709b; /* Old browsers */
	background: -moz-linear-gradient(top, #2d4780 0%, #5b709b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d4780), color-stop(100%,#5b709b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2d4780 0%,#5b709b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2d4780 0%,#5b709b 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #2d4780 0%,#5b709b 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d4780', endColorstr='#5b709b',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #2d4780 0%,#5b709b 100%); /* W3C */
}

.addbutton, a.addbutton {
	background: #2d4780; /* Old browsers */
	background: -moz-linear-gradient(top, #5b709b 0%, #2d4780 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b709b), color-stop(100%,#2d4780)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #5b709b 0%,#2d4780 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #5b709b 0%,#2d4780 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #5b709b 0%,#2d4780 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b709b', endColorstr='#2d4780',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #5b709b 0%,#2d4780 100%); /* W3C */
	border: 1px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	font-size: 40px;
	padding: 0px 4px 3px 8px;
	color: #fff;
	text-shadow: .5px 2px 0 rgba(0, 0, 0, 0.25);
	box-shadow: .5px .5px 5px rgba(0, 0, 0, 0.45);
	cursor: pointer;
    text-decoration:none;
}

.addbutton:hover{
	background: #5b709b; /* Old browsers */
	background: -moz-linear-gradient(top, #2d4780 0%, #5b709b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d4780), color-stop(100%,#5b709b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2d4780 0%,#5b709b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2d4780 0%,#5b709b 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #2d4780 0%,#5b709b 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d4780', endColorstr='#5b709b',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #2d4780 0%,#5b709b 100%); /* W3C */
}

.daterangePickerMenu {
	border: 1px solid #ddd;
	border-top-width: 0px;
}

.credBox {
	color: #fff;
	background: #ff9b19; /* Old browsers */
	background: -moz-linear-gradient(top, #2d4780 0%, #5b709b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d4780), color-stop(100%,#5b709b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2d4780 0%,#5b709b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2d4780 0%,#5b709b 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #2d4780 0%,#5b709b 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d4780', endColorstr='#5b709b',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #2d4780 0%,#5b709b 100%); /* W3C */
}


.icon-checked.inactive {color: #666;}
.icon-checked.active {color: green;}

.icon.inactive {color: #666;}
.icon.active {color: green;}

/*.icon::before {
	z-index: 10;
	display: inline-block;
	margin: 0 0.4em 0 0;
	vertical-align: middle;
	text-transform: none;
	font-weight: normal;
	font-variant: normal;
	font-size: 2em;
	font-family: 'mobile';
	line-height: 1.5;
	speak: none;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
} */

#logindisplay #logbox .accountButton {
	color:#2d4780; 
}

#logindisplay #logbox .accountButton:hover, .accountButton:active	{ color:#c80202; }

#logindisplay #logbox .accountButtonOn {
	color:#c80202;
}
#accountBox label {
    color:#2d4780;
}

.menu-box-tab:hover {
	background: #576c99;
	border-top: 1px solid #fff;
	text-decoration: none;
	color: #fff;
}

.day {
	background: #a7d99f;
	color: #333;
}

.highlighted {
	background: #ebebeb;
	color: #333;
}


div.classicScrollBar {
	max-height: 300px;
}

	div.classicScrollBar::-webkit-scrollbar {
		width: 1em;
	}

	div.classicScrollBar::-webkit-scrollbar-track {
		box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	}

	div.classicScrollBar::-webkit-scrollbar-thumb {
		background-color: darkgrey;
		outline: 1px solid slategrey;
	}