body { font-family: "Open Sans"; background: #f1f5f8;}
.navbar-header2 { background: #182232; color: #FFF; border-bottom: 1px solid #1679b2;}
.align-right { text-align: right; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.navbar-brand { padding: 15px !important; font-size: 22px; letter-spacing: 3px; text-transform: uppercase; font-weight: 500;}
.navbar-brand-two { margin-left: -15px; padding: 11px !important; float: left; height: 50px;}
.navbar-brand { color: #FFFFFF !important; }
.navbar-header2 a { color: #FFFFFF; }
.navbar-header2 a:hover { color: #e1e1e1;}
.nav li a { color: #FFFFFF !important;  }
body img { max-width: 800px; max-height: 700px; }
body p { margin-bottom: 20px; }

/* layout */
.db-header { border-bottom: 1px solid #d3d3d3; margin-bottom: 20px; padding-bottom: 1px;}
.db-header-title { font-size: 18px; float: left;}
.page-header-title { font-size: 24px; float: left;}
.db-header-extra { float: right; padding: 5px;  }

.top-layout-margin { margin-top: 70px; }
.sidebar { background: #FFF; min-height: 400px; border-radius: 4px; padding: 10px; border: 1px solid #DDD;}
.main-content { background: #FFF; min-height: 400px; border-radius: 4px; padding: 10px; border: 1px solid #DDD; }

.table-header { font-weight: 600; background: #f0f0f0; }
.table-of-contents { list-style: none; margin: 0px; padding-left: 10px; margin-top: 10px; margin-bottom: 20px; }

.project-area { background: #FFF; border-radius: 4px; padding: 10px; border: 1px solid #DDD; margin-bottom: 10px; text-align: center;}
.project-spot { display: inline-block; margin: 5px; padding: 10px; text-align: center; border: 1px solid #EEE; border-radius: 4px; background: #FFF; width: 150px; vertical-align: top; height: 200px;}
.attached-file { display: inline-block; margin: 10px; padding: 10px; text-align: center; border: 1px solid #EEE; border-radius: 4px; background: #EEE; }

.no-margin { margin: 0px; }
.category-icon { margin-right: 10px; }
.shadow-text { color: #7c7c7c; }
.small-text { font-size: 11px; }