/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.calendar {font-family:Helvetica, sans-serif; font-size: 12px; background-color: #EEE; color: #333; border: 1px solid #DDD; padding: .6em; width: 19em; } 
.calendar .months {background-color: #f89828; border: 1px solid #d28122; color: #FFF; padding: 0.3em; text-align: center; } 
.calendar .prev-month, 
.calendar .next-month {padding: 0; } 
.calendar .prev-month {float: left; } 
.calendar .next-month {float: right; } 
.calendar .current-month {margin: 0 auto; } 
.calendar .months .prev-month, .calendar .months .next-month {color: #FFF; text-decoration: none; padding: 0 0.4em; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; } 
.calendar .months .prev-month:hover, .calendar .months .next-month:hover {color: #333; } 
.calendar table {border-collapse: collapse; padding: 0; font-size: 11px; width: 100%; } 
.calendar th {text-align: center; padding:.6em; } 
.calendar td {text-align: right; padding: 2px; width: 14.3%; } 
.calendar td span {display: block; color: #666; background-color: #F6F6F6; border: 1px solid #CCC; text-decoration: none; padding: 0.2em; cursor: pointer; } 
.calendar td span:hover {color: #FFF; background-color: #f89828; border: 1px solid #d28122; } 
.calendar td.today span {background-color: #f89828; border: 1px solid #d28122; color: #FFF; }

.bold {font-weight:bold;}
.radio, .checkbox {clear:both;}
.black-background {background:#2f2f2f;}
.black-background label {color:#FFF;}
.login-holder {margin-top:30px;}
.login-logo {max-width:100%;padding-bottom:20px;display:block;margin:0px auto;}
.banner {border-top:1px solid #CCC;}
.full-width {width:100%;}
#login,#register {display:block;width:100%;}
.facebook-footer {background:url(/img/icon-facebook.png) no-repeat 0 0;float:left;width:40px;height:32px;text-indent:-9999px;}
.twitter-footer {background:url(/img/icon-twitter.png) no-repeat 0 0;float:left;width:40px;height:32px;text-indent:-9999px;}
.linkedin-footer {background:url(/img/icon-linkedin.png) no-repeat 0 0;float:left;width:40px;height:32px;text-indent:-9999px;}
.sct-footer {margin-left:5px;margin-top:14px;float:left;font-size:13px;color:#666;}
.sct-footer:hover {color:#333;text-decoration: none;}
.footer.other-page .sct-footer {color:#FFF;}
.footer.other-page .sct-footer:hover {color:#f2f2f2;}
.centered {text-align:center;}
.header {border-bottom:1px solid #CCC;background:#2f2f2f;}
.jumbotron {background:url(/img/micro_carbon_@2X.png) repeat;border-bottom:1px solid #000;padding:30px 0px;}
.jumbotron .marketing h1 {color:#FFF;font-weight:bold;letter-spacing:.03em;padding:0px 0px 15px 0px;margin:0px;}
.marketing p.intro {color:#FFF;font-size:24px;font-style:italic;}
.marketing p.intro span {font-size:14px;font-weight:normal;}
.marketing p.text {font-size:14px;color:#FFF;width:40%;padding:20px 0px 15px 0px;}
.notes {background:#f2f2f2;padding:10px 0px;border-bottom:1px solid #CCC;}
.content {}
.main-column {clear:both;}
.nav.ls-nav {margin:15px 0px 0px 0px;padding:0px 0px 15px 0px;}
.nav.ls-nav li a {}
.nav.ls-nav li a:hover {background:none;}
.logo {float:left;position:relative;margin-top:8px;}
.logo img {height:30px;margin-top:4px;}
h1 {color:#f89828;font-size:24px;font-style: italic;}
h1.dashboard-heading {border-bottom:1px dotted #CCC;padding-bottom:15px;}
h1.admin-dashboard-heading {margin-top:25px;padding-bottom:0px;}
h1.dashboard-heading.no-border {border-bottom:none;padding-bottom:5px;}
h1.dashboard-heading.xmas-tree {background:url(/img/tree-icon.jpg) no-repeat -1px -2px;padding-left:40px;}
h3 {color:#555555;font-size:20px;font-style: italic;}
h4 {color:#666;font-size:14px;font-weight:bold;margin:0px;}
h3.project-name {margin:0px;}
h3.project-name span.dates {font-size:14px;font-style: normal;color:#666;line-height:32px;}
h3.dash-project-name {font-size:20px;color:#428bca;font-weight:normal;font-style:normal;margin:0px;padding:0px 0px 8px 0px;}
h3.dash-project-name span {font-weight:bold;}
h3 span {font-weight:bold;}
h5 {font-size:12px;text-transform:uppercase;color:#2f2f2f;margin-top:0px;margin-bottom:10px;}
p {color:#666;}
.view-report-link {margin-top:7px;}
.view-dash-link {float:left;margin-top:6px;}
.edit-dash-link {float:left;margin:6px 0px 0px 10px;}
.chart-dash {margin-top:25px;padding-bottom:25px;}
#dash-chart-hazard {}
.hazard-section {border-bottom:1px dotted #CCC;}
.admin-activity-heading {border-top:1px dotted #CCC;margin-top:30px;padding-top:10px;}
.nav {float:left;}
.main-nav {padding:0px;}
.nav.navbar-nav.logout-nav {margin-left:0px;}
.nav.navbar-nav {margin:0px 0px 0px 10px;}
.nav.navbar-nav li a {color:#FFF;background:#3c3c3c;border-right:1px solid #FFF;font-size:12px;letter-spacing: .03em;}
.nav.navbar-nav li a.mobile-menu-link, .nav.navbar-nav li a.logout {border-left:1px solid #FFF;padding-top: 18px;padding-bottom: 18px;}
.nav.navbar-nav li a.first {border-left:1px solid #FFF;}
.nav.navbar-nav li a.logout {background:#428bca;}
.nav.navbar-nav li a.logout:hover {background:#357ebd;}
.nav.navbar-nav li a:hover, .nav.navbar-nav li.open a {background:#585757;}
.nav.navbar-nav .dropdown-menu li a {border-right:none;padding-top:10px;padding-bottom:10px;}
.nav.navbar-nav .dropdown-menu li a:hover {background:#3c3c3c;}
.sidebar-nav {padding-left:0px;display:none;}
.form-group.button-holder {margin-top:40px;}
.form-group.no-margin-bottom {margin-bottom:0px;}
.form-group.shorter-margin-bottom {margin-bottom:5px;}
.form-group.button-holder.report-page {margin-top:0px;margin-bottom:0px;}
.form-group.new-section {margin-top:40px;padding-top:20px;border-top:1px dotted #CCC;}
.form-group.small-margin-bottom {margin-bottom:10px;}
.form-group.border-top {border-top:1px dotted #CCC;}
.label-100 {width:100%;float:left;}
.form-control.error {border:1px solid #e16363;}
span.error {background:#e16363;color:#FFF;font-size:12px;padding:4px 10px 3px 10px;margin:8px 0px 0px 0px;display:inline-block;border-radius:4px;}
.select-updated {border-color: rgba(82,168,236,.8);outline: 0;outline: thin dotted \9; /* IE6-9 */-moz-box-shadow: 0 0 8px rgba(82,168,236,.6);box-shadow: 0 0 8px rgba(82,168,236,.6);}
.footer {padding:20px 0px 15px 0px;border-top:1px dotted #CCC;}
.footer .copyright {font-size:12px;color:#666;line-height:21px;}
.footer.other-page {margin-top:40px;padding-top:30px;}
.footer.other-page .copyright {color:#FFF;}
p.hazard-management {margin:0px;color:#2f2f2f;}
p.user {color:#666;margin:0px;}
p.new-updates {color:#666;margin:0px;display:none;}
p.user .username {font-weight:bold;color:#2f2f2f;}
p.user a {font-weight:normal;}
.required {}
.no-margin-left {padding-left:0px;}
.form-link {float:left;clear:both;margin:10px 0px 0px 5px;}
.required.star {color:#e16363;padding-left:5px;}
.required.fields-text {font-size:12px;color:#666;padding:0px 0px 20px 0px;display:block;}
.form-note {color:#999;font-size:12px;padding-left:10px;font-weight:normal;}
.form-note-register {color:#FFF;font-size:12px;display:block;padding:10px 0px 0px 0px;text-align: center;}
.pending-select {padding-top:10px;margin-top:10px;}
.heading-note {font-size:12px;color:#999;font-weight:normal;padding-left:0px;display:block;}
.heading-note a {color:#428bca;}
select.another-select-item {margin-top:10px;}
select.filter-select {margin:5px 0px;}
#user-list, #project-list, #contractor-list, #customer-list, #incident-list, #drug-list, #equipment-list, #class-template-list {border-top:1px dotted #CCC;}
.each-user-holder, .each-holder {padding-left:0px;padding-right:0px;border-bottom:1px dotted #CCC;}
.each-user-holder.last, .each-holder.last {border-bottom:none;}
.user-options {}
.additional-options {clear:both;padding-top:25px;}
.each-options.no-results {padding-top:10px;padding-bottom:10px;border-bottom:none;}
.show-user-info, .show-info, .show-info-no-dropdown {width:70%;padding:20px 0px;font-size:20px;}
.show-user-info span, .show-info span, .show-info-no-dropdown span {font-weight:bold;}
.show-info .created-date, 
.show-user-info .created-date,
.show-info-no-dropdown .created-date {font-size: 13px;color:#2f2f2f;font-weight:normal;background:#f2f2f2;padding:3px;border:1px dotted #CCC;}
.edit-user, .edit-project, .view-report {margin-top:20px;}
.edit-project {margin-top:6px;}
.view-report {margin-left:15px;}
a.edit {position:absolute;top:10px;right:20px;}
.filter {padding:10px 0px;background:#f2f2f2;border-top:1px dotted #CCC;}
.filter.customer-filter {border-bottom:1px dotted #CCC;}
.show-filter-options {margin-top:15px;}
#ajax-loader {position:absolute;top:12px;left:50%;margin-left:-15px;width:30px;height:30px;display:none;}
.user-information, .each-information {padding-top:10px;padding-bottom:20px;display:none;}
.customer-project-information {padding-top:10px;padding-bottom:20px;border-top:1px dotted #CCC;}
.list-for-user-info, .list-for-info {list-style:none;padding:0px;margin:0px;font-size:13px;}
.list-for-info.below {margin-top:10px;padding-top:10px;}
.list-for-user-info.bottom, .list-for-info.bottom {padding-bottom:10px;margin-bottom:15px;}
.list-for-user-info li, .list-for-info li {padding:3px 0px;clear:both;color:#666;}
.list-for-user-info li.project-name, .list-for-info li.project-name {color:#428bca;font-weight:bold;font-size:14px;}
.list-for-user-info li .title, .list-for-info li .title {width:100px;float:left;color:#666;}
.list-for-user-info li .title.long, .list-for-info li .title.long {width:190px;}
.list-for-user-info li .title.extra-long, .list-for-info li .title.extra-long {width:230px;}
.list-for-user-info li .title.medium, .list-for-info li .title.medium {width:140px;}
.each-associated-project {margin-bottom:10px;padding-bottom:10px;}
.assigned-project, .three-column {margin-top:25px;}
#pagination {margin-left:15px;}
.container.main {overflow:hidden;}
.no-results {color:#666;}
.no-results.no-projects {margin-top:10px;}
.no-results.no-activity {margin-top:10px;width:100%;padding-bottom:10px;border-bottom:1px dotted #CCC;padding-left:15px;}
.no-results.no-activity.no-border {border-bottom:none;}
.create-new-project {margin-left:10px;margin-top:4px;}
.no-results span {font-weight:bold;color:#2f2f2f;}
.close-project {margin-left:10px;}
.no-padding-right {padding-right:0px;}
a.remove, a.add {color:#555555;}
a.add {margin-bottom:10px;}
.messaging .container span {padding:8px 0px;font-size:12px;text-align:center;display:block;}
.messaging.alert-success {border-bottom:1px solid #FFF;}
.messaging.alert-danger {border-bottom:1px solid #FFF;}
.added-section {display:none;}
.alert {display:block;width:100%;text-align:center;font-size:12px;}
#generate-report {margin-top:15px;}
.table {border-top:1px solid #dddddd;border-left:1px solid #dddddd;margin-bottom:25px;}
.table caption {padding:15px 0px;background:#f2f2f2;font-size:14px;color:#333;font-weight:bold;border-left:1px solid #dddddd;border-right:1px solid #dddddd;border-top:1px solid #dddddd;}
.table th {font-size:10px;color:#666;text-transform:uppercase;vertical-align: bottom;position:relative;border:1px solid #dddddd;}
.table th.normal {text-align:center;padding:12px 0px;}
.table th.normal.contractor {width:15%;text-align:left;padding-left:8px;}
.table th.percent12 {width:12.5%;}
.table th.percent21 {width:21.25%;}
.table th.percent17 {width:17%;}
.table th.description {width:35%;}
.table th.percent28 {width:28.33333333%;}
.table th.percent1214 {width:12.1428571%;}
.table td {border:1px solid #dddddd;}
.table.hazard-report, .table.incident-report, .table.drug-report, .table.equipment-report {margin-bottom:40px;}
.table.incident-report td, .table.drug-report td {vertical-align: middle;}
.table.hazard-report th.contractor-th {width:15%;border-left:none;}
.table.hazard-report th.category-th div {position:relative;}
.table.hazard-report th.category-th span {position:absolute;width:130px;display:block;left:12px;bottom:5px;transform: rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform: rotate(-90deg);  -webkit-transform: rotate(-90deg);  filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform-origin: bottom left;-o-transform-origin:  bottom left;-moz-transform-origin: bottom left;}
.table.hazard-report th.category-th {height:130px;width:5.6666%;position:relative;}
.table.hours-report {margin-top:10px;}
.table.hours-report td {vertical-align: middle;}
.table.hours-report th.hours, .table.hours-report th.date {width:22.5%;}
.table.hours-report th.edit {width:10%;}
.table td.contractor-td, .table td.totals-td {width:15%;font-size:12px;color:#333;border-left:none;font-weight:bold;}
.table td.running-text {color:#333;font-size:12px;text-align:right;font-weight:bold;}
.table td.result-td {font-size:11px;color:#666;text-align:center;}
.table td.result-td.left-align {text-align:left;}
.table td.result-td.no-results {background:#d9edf7;color:#3a87ad;font-size:12px;}
.table td.result-td.no-results span {color:#3a87ad;font-weight:bold;}
.table td.total-result {font-weight:bold;}
.table tr.e {background:#f2f2f2;}
.table tr.row-th {background:#FFF;}
/*
.table tbody>tr>td.result-td, .table tbody>tr>td.result-td span {padding:5px 4px 4px 4px;}
.table tbody>tr.total-row>td.result-td span {padding:4px;}
.table tbody>tr>td.result-td span {display:block;}
.table tbody>tr>td.result-td div span {display:block;padding:3px 4px 4px 4px;}
*/
.table tbody>tr>td.result-td span a {display:block;padding:1px 0px;}
.table tbody>tr>td.result-td span a:hover {background:#428bca;color:#FFF;}
.filter-project {border-bottom:1px dotted #CCC;padding-bottom:15px;padding-top:15px;margin-bottom:25px;}
p.project-info-text {font-size:14px;color:#666;padding:5px 0px 0px 0px;}
p.project-info-text span.from-to {font-weight:normal;float:left;width:60px;}
p.project-info-text span {font-weight:bold;}
.project-report-information {margin-top:20px;margin-bottom:20px;}
.badge.caption-header {background:#333;}
p.table-note {padding:5px;margin:0px;font-size:11px;color:#666;}
.main-menu-navigation {display:none;}
.main-menu-navigation.open {display:block;margin-left:0px;background:#3c3c3c;top:56px;position:absolute;width:100%;z-index:9999;margin-left:0px;left:0px;border-top:1px solid #FFF;opacity:.95;}
.main-menu-navigation.open.nav.navbar-nav li a.first, .main-menu-navigation.open.nav.navbar-nav li a {border-left:none;border-right:none;}
.main-menu-navigation.open.navbar-nav .open .dropdown-menu, .main-menu-navigation.open.navbar-nav .dropdown-menu {padding-top:0px;padding-bottom:0px;}
.margin-top-form-group {margin-top:20px;}
.nav>li.close-mobile {display:block;}
#pdfhtml {display:none;}
.my-projects {border-top:1px dotted #CCC;}
.progress {margin-bottom:10px;}
.progress-bar-dash {background:#555555;}
p.dash-description {font-size:12px;padding-bottom:10px;margin-bottom:5px;}
p.heading-text {font-weight:bold;padding:10px 0px 0px;}
.timeline-days {font-weight:normal;font-size:11px;padding-left:10px;}
.timeline-days .highlight {font-weight:bold;}
.date-for-progress {color:#666;font-weight:bold;font-size:11px;}
.each-project-dash {border-bottom:1px dotted #CCC;padding:15px 0px;margin:15px 0px;}
a.generate-report {margin-top:5px;margin-bottom:15px;float:left;clear:both;}
.access-granted {background:#468847;border:1px solid #468847;color:#FFF;padding: 5px 10px;font-size: 12px;line-height: 1.5;border-radius: 3px;margin-top:5px;margin-bottom:15px;float:left;clear:both;}
.revoke-access {background:#b94a48;border:1px solid #b94a48;color:#FFF;padding: 5px 10px;font-size: 12px;line-height: 1.5;border-radius: 3px;margin-top:5px;margin-bottom:15px;float:left;clear:both;}
.revoke-access:hover {background:#a63a38;border:1px solid #a63a38;}
.each-activity {padding:25px 0px 25px 0px;border-bottom:1px dotted #CCC;}
.each-activity.view-holder {border-bottom:none;border-top:1px dotted #CCC;}
.last {border-bottom:none;}
.each-activity p {font-size:14px;}
.each-activity p span.name {font-weight:bold;}
.each-activity p span.time {font-weight:bold;}
.badge.status.open, .badge.status.pass {background:#468847;}
.badge.status.new-text {background:#f89828;}
.each-activity p span.status.abated {}
.badge.status.accident, .badge.status.fail, .badge.status.closed {background:#b94a48;}
.each-activity p span.status.incident {background:#c09853;}
.date-section {width:12%;}
.date-section .top {display:block;background:#428bca;font-weight:bold;font-size:10px;text-transform:uppercase;text-align:center;padding:2px 0px;color:#FFF;}
.date-section .bottom {display:block;text-align:center;font-weight:bold;color:#2f2f2f;font-size:24px;padding:2px 0px;border:1px solid #f2f2f2;border-top:none;}
.text-section {width:80%;float:left;margin:5px 0px 0px 5%;}
.tab-content {clear:both;}
.nav-tabs {border-bottom:1px dotted #CCC;width:100%;padding-bottom:15px;}
.nav-tabs>li {width:100%;float:left;}
.nav-tabs>li>a {border:none;padding-left:10px;padding-right:10px;text-align:center;}
.nav-tabs li.active, .nav-tabs li.active a {background:#428bca;color:#FFF;border:none;}
.nav-tabs>li>a:hover, .nav-tabs>li.active>a:hover {background:#428bca;color:#FFF;border:none;}
/*.dash-top {border-bottom:1px dotted #CCC;}*/
li.active .badge.nav-badge, li a:hover .badge.nav-badge {background:#FFF;color:#428bca;}
.badge.nav-badge {background:#428bca;color:#FFF;padding:4px 7px;}
.alert-danger a {color:#b94a48;font-weight:bold;}
.single-report-information {margin-top:10px;padding:20px 0px;border-top:1px dotted #CCC;}
.single-report-information {margin-bottom:20px;}
.each-act {line-height:22px;}
.support-text {text-align:center;color:#FFF;font-size:16px;}
.support-text span {font-weight:bold;font-size:18px;}
.hazard-management-text {text-align:center;color:#FFF;font-size:20px;padding-bottom:10px;}
.center-button {display:block;}
.stat-section {border:1px dotted #CCC;padding:5px 10px;display:block;margin-bottom:15px;}
.stat-section:hover {border:1px dotted #428bca;background:#428bca;}
.stat-section:hover span, .stat-section:hover span.stat-number, .stat-section:hover span.stat-title, .stat-section:hover span.dash-view-all {color:#FFF;}
.stat-section span {text-align: center;padding:0px;margin:0px;display:block;}
.stat-section span.stat-number {font-size:26px;color:#3c3c3c;font-weight:bold;}
.stat-section span.stat-title {font-size:14px;color:#666;}
.stat-section span.dash-view-all {font-size:13px;padding-top:4px;color:#428bca;}
.dash-stats {padding-bottom:20px;margin-bottom:0px;}
.video-description {margin:20px 0px 10px 0px;}
.video-description span {font-weight:bold;}
.dash-stats .col-md-2 {width:50%;float:left;}
.pm-text {font-weight:bold;}
#hours-section .alert {text-align:left;border-bottom:none;}
#hours-ajax {padding-top:20px;margin-top:10px;border-top:1px dotted #CCC;}
.project-title-hours {color:#428bca;font-size:16px;}
.project-hours-dates {font-size:14px;padding:0px 0px 5px 0px;margin:0px;}
.project-hours-dates span {font-weight:bold;}
span#contractor-name {font-weight: bold;}
p.explanation {margin-bottom:15px;}
p.explanation .alert {text-align:left;}
.change-project {}
p.filter-note {padding:10px 0px 0px 0px;}
p.filter-note span {font-weight:bold;}
select#dashproject {margin-top:13px;}
p.customer-project-title {color:#428bca;margin:0px;padding:20px 0px;font-size:20px;}
#customer-list-field {display: none;}
#customer-list-field.show-me {display: block;}
.button-holder-filter-row {float: left; clear: both;}
.filter #search {margin-bottom: 5px;}
.btn-filter-results {margin-top: 5px;}
.link-clear-filters {float: right;margin-top: 5px;color:#2f2f2f;text-decoration: underline;}
.btn-primary.btn-filter-results {background: #f89828;border-color:#f89828;}
.additional-information-list {padding-top: 5px;font-size: 12px;color:#2f2f2f;font-weight: normal!important;line-height: 18px!important;display: block;}
.additional-information-list .title {font-weight: bold;}

.typeahead,
.tt-query,
.tt-hint {
}
.dash-section-sorted-by {
  color: #FFF;
}
.modal-backdrop.in {
  opacity: .6;
}

.typeahead {
  background-color: #fff;
}

.typeahead:focus {
}

.tt-query {
  -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);
}

.tt-hint {
  color: #999
}
.modal-title {
  font-weight: normal;
  font-size: 18px;
}

.tt-dropdown-menu {
  margin-top: 12px;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #428bca;

}

.tt-suggestion.tt-cursor p {
  color:#FFF;
}

.tt-suggestion p {
  margin: 0;
  color:#999;
}

.gist {
  font-size: 14px;
}

/* example specific styles */
/* ----------------------- */

#custom-templates .empty-message {
  padding: 5px 10px;
 text-align: center;
}

#multiple-datasets .league-name {
  margin: 0 20px 5px 20px;
  padding: 3px 0;
  border-bottom: 1px solid #ccc;
}

#scrollable-dropdown-menu .tt-dropdown-menu {
  max-height: 150px;
  overflow-y: auto;
}

#rtl-support .tt-dropdown-menu {
  text-align: right;
}


.container {
  max-width: 100%;
}
@media only screen and (min-width: 480px) {
    .logo img {height:40px;margin-top:0px;}
    .nav-tabs>li {width:auto;margin-right:10px;border:none;}
}

@media only screen and (min-width: 768px) {
    .required.fields-text {position:absolute;top:28px;right:15px;padding:0px 0px;}
    .heading-note {padding-left:15px;display:inline-block;}
    .header {padding-bottom:0px;}
    .table.hazard-report th.category-th span {left:16px;}
    a.generate-report, .access-granted, .revoke-access {margin-top:20px;margin-bottom:0px;float:right;clear:none;}
    .revoke-access {margin-right:10px;}
    .edit-project {margin-top:20px;margin-right:15px;}
    .spacer {border-top: 1px solid #FFF;margin-top: 10px;padding-top: 5px;}
    .dash-stats .col-md-2 {width:33%;float:left;}
    p.new-updates {display:block;}
    p.something-here {display:block;float:left;text-align: left;}
}

@media only screen and (min-width: 992px) {
    .nav.navbar-nav .dropdown-menu li a {border-right:none;padding-top:4px;padding-bottom:4px;}
    .main-column {clear:none;}
    .sidebar-nav {display:block;}
    .assigned-project, .three-column {margin-top:0px;}
    select.filter-users {margin:0px;}
    .container.main {overflow:visible;margin-top:15px;}
    .table.hazard-report th.category-th span {left:29px;}
    #ajax-loader {position:absolute;top:12px;left:-24px;width:30px;height:30px;display:none;margin-left:0px;}   
    .mobile-nav {display:block;}
    .margin-top-form-group {margin-top:0px;} 
    .highcharts-title {text-align:center;}   
    a.stat-section {margin-bottom:0px;}
    .dash-stats .col-md-2 {width:16.444444444446%;float:left;}
    
}

@media only screen and (min-width: 1200px) {
    .mobile-nav {display:none;}
    .main-menu-navigation.open, .main-menu-navigation {display:block;position:relative;top:0px;right:0px;width:auto;height:auto;margin-left:30px;border-top:none;opacity:1;}
    .main-menu-navigation.open.nav.navbar-nav li a.first, .main-menu-navigation.open.nav.navbar-nav li a {border-right:1px solid #FFF;}
    .main-menu-navigation.open.nav.navbar-nav li a.first {border-left:1px solid #FFF}
    .main-menu-navigation.open.navbar-nav .open .dropdown-menu, .main-menu-navigation.open.navbar-nav .dropdown-menu {padding:10px 0px;}
    .nav>li.close-mobile {display:none;}
    .container {
      max-width: 1170px;
    }
    
}













/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .header, .notes, .main-nav, .sidebar-nav {display:none!important;}
}