@charset "UTF-8";
/*********************************
styles for fixed footer at bottom 
**********************************/
html, body { height:100%; padding-top:50px; }
#wrap { min-height:100%;}
#main { overflow:hidden; padding:10px 0px 30px 0px; }  /* must be same height as the footer */
#foot { position:relative; margin-top:-30px; height:30px; clear:both; background-color:#25327B; padding-left:5px; }
/***/

/* CSS Document */
BODY, OL, UL, LI, TD { font-family: 'Open Sans'; color: #555; font-size: 14px; line-height:19px; }
H1 { font-size: 150%; margin: .3em 0 .4em 0; color:#F05423; }
H2 { font-size: 130%; margin: .2em 0 .2em 0; color:#D48513; }
H3 { font-size: 120%; margin: .1em 0 .2em 0; color:#25327B; }
H4 { font-size: 110%; margin: .1em 0 .2em 0; color:#25327B; }
H5 { font-size: 100%; margin: .1em 0 .4em 0; }
H6 { font-size: 100%; margin: .1em 0 .4em 0; }
PRE, TT, CODE { font-family: courier, sans-serif; font-size: 1.0em; }
a:link { text-decoration: none; color: #25327B; outline: 0;}
a:visited { text-decoration: none; color:#25327B; outline: 0;}
a:hover { text-decoration: none; color: #45529B; outline: 0; cursor:pointer;}
p { margin:6px 0px; }
blockquote { margin:6px 20px; }
.smallish { font-size:.9em; }

/* force scrollbar to prevent shifting */
html{ 
    overflow-y:auto;
}

.starter-template {
	padding: 40px 15px;
	text-align: center;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    background-color: #25327B;
    border-radius: 1px;
}

.container { margin: 0; width:100% !important; }
/* extra text styles */

.errmsg { color: #c00; padding:2px; }
.shadow {
	-webkit-box-shadow: 2px 2px 2px #aaa;
	   -moz-box-shadow: 2px 2px 2px #aaa;
	   		box-shadow: 2px 2px 2px #aaa;
}

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

*[contenteditable] {
    -webkit-user-select: auto !important;
}

/* main screen components */

.mainbody {
	background-color: #fff;
	margin:0;
	padding:0;
}

.content {
	padding:0px;
}

/* header */

.header {
	background-color:#f2f3f4;
    border-bottom: 3px solid #25327B;
}

/* footer */

.footer { padding:5px; margin:0 auto; } 
.footer a { color:#ddd; }
.footer a:hover { color:#f0fff0; text-decoration: none; }

.footer .copyright { font-size:.85em; color:#ddd }
.footer span.copyright_sym { font-size:1.2em; color:#ddd; cursor:pointer; }
.footer_logo { float:right; padding:4px 0px 0 0; } 

.login-box {
    width:300px;
    margin:5px auto;
    border:1px #dedede solid;
    background: #f8f9fa;
	padding:10px 20px;
}

.login-logo {
    padding:10px 0;
    text-align:center;
}
.login-info {
    text-align:center;
    margin:0 auto;
}

.login-field {
    margin:10px 0;
}

/* fudge factors */

.divline { line-height:0px; font-size: 3px; padding:0px; border-top:1px #dedede solid; margin-bottom: 12px; margin-top:11px; }

.fleft { float:left; }
.fright { float:right; }
.fnone { float:none; }
.clear { clear:both; }
.nowrap { overflow:hidden; white-space:nowrap; }
.t1 { padding-top: 1px; }
.t2 { padding-top: 2px; }
.t3 { padding-top: 3px; }
.t4 { padding-top: 4px; }
.t5 { padding-top: 5px; }
.t6 { padding-top: 6px; }
.t7 { padding-top: 7px; }
.t8 { padding-top: 8px; }
.t9 { padding-top: 9px; }
.b5 { padding-bottom: 5px; }
.t10 { padding-top: 10px; }
.b10 { padding-bottom: 10px; }
.t20 { padding-top: 20px; }
.b20 { padding-bottom: 20px; }
.pad { padding:10px; }
.padr0 { padding-right: 0 !important; }
.cloak { display:none; }
.gap  { padding-right: 10px; }
.gap20 { padding-right: 20px; }
.w20 { width: 20px; }
.w30 { width: 30px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w75 { width: 75px; }
.w100 { width: 100px; }
.w125 { width: 125px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w225 { width: 225px; }
.w250 { width: 250px; }
.w260 { width: 260px; }
.w300 { width: 300px; }
.w400 { width: 400px; }
.w450 { width: 450px; }
.w500 { width: 500px; }
.r { text-align: right; }
.l { text-align: left; }
.ctr { text-align:center; margin:0 auto;}
.noborder { border:none; }
.overhide { overflow:hidden; }
.overscroll { overflow:scroll; }
.hide { display:none; }
.shim { padding-left:2px; padding-right:2px; }
.minht { min-height:400px; }
.ht100p { height: 100% }
.hand { cursor:pointer; }
.mover { cursor:move; }
.vspace { margin:4px 0; }
.hspace { margin:0 4px; }
.redtext { color:#cc0000 !important; }
.greentext { color:#00cc00; }
.linktext { color:#25327B; }
.pink { color:#E43C59; padding-right:4px; }
.fat { font-weight:bold; }
.lborder { border-left:1px silver solid; }
.header-border { border-bottom:4px #0e76BC solid; }
.grayback { background-color: #f8f8fc; }

body.dragging, body.dragging * {
    cursor: move !important;
}

.dragged {
    position: absolute;
    opacity: .60;
    border:1px #f90 dashed;
    z-index: 2000;
    background-color:#ffd;
}

/********************************************************/

/* form and js error handling  */

.strength-group {
	margin-left: 10px;
}

.strength-text {
	color: black;
	font-size: 9px;
}

.strength-bar {
	width: 260px;
	height: 20px;
	line-height: 20px;
}

/*.strength-bar .progress{
    width: 200px;
    height: 34px;
    line-height: 34px;
}*/

.navbar-nav>li.active {
    background-color: #DBE3EA !important;
}

.nolines td {
    border:none;
}

#thegraph {
    height:120px;
}

.dygraph-axis-label-y {
    margin-top:-4px;
}

.dygraph-axis-label-x {
    margin-top:2px;
}

.dygraph-legend {
    margin-top:-20px;
    text-aligh:right;
}

.bootstrap-datetimepicker-widget td.day {
    width: 175px;
    line-height: 11px;
    font-size: 11px;
}
.bootstrap-datetimepicker-widget th.dow {
    font-size: 12px;
}

.subacctlist {
    display: inline-block;
    overflow: scroll;
    border: 1px solid #eee;
    padding: 20px 0;
    height: 150px;
    margin: 0 15px;
    width: 425px;
}

#obsdata,
#pwidata {
    max-height: 550px;
    overflow-y: scroll;
}

#accounts_wrapper .toolbar, #userlist_wrapper .toolbar  {
    position: absolute;
    top: 0;
    left: 200px;
    line-height: 24px;
}

/* smaller text in table */
.table-condensed td{
    font-size: 12px !important;
}