/**
 * style.css
 * =======
 *
 * Expects:
 *  - bootstrap v3
 *
 */

  html, body {
    height: 100%;
    width: 100%;
    background-color: white;
    /*
    background: rgb(245,245,245);
    background: linear-gradient(90deg, rgba(245,245,245,1) 25%, rgba(255,255,255,1) 50%, rgba(245,245,245,1) 75%);
    */
  }

  #page_wrapper {
    overflow: auto;
  }

 [v-cloak] {display: none;}

/* Lots of header links in development mode so header spans multiple lines */
 /*body.development {padding-top: 120px;} */

/* Bootstrap overrides */
.alert ul, .alert ol {margin-bottom: 0;}
.badge-danger {background-color: #d9534f;}
.badge-warning {background-color: #f0ad4e;}
.popover {max-width: 1024px; min-width: 700px;}
.btn-success-stride {color: #fff; background-color: #57369b; border-color: #57369b;}
.btn-success-stride:hover {color: #fff;}
.btn-success-stride:focus {color: #fff;}
.panel-primary-stride {border-color: #57369B;}
.panel-primary-stride > .panel-heading {background-color: #57369B; border-color: #57369B; color: #fff;}
.navbar-fixed-top .nav>li>a {padding-left: 8px; padding-right: 8px;}

.form-horizontal .control-label {
	text-align: left;
}

.text-required {color: #d9534f;}
.scroll-y {overflow-y: scroll;}

/* Some more specific bootstrap customisations */
.popover-md .popover {max-width: 500px;}
.popover-sm .popover {max-width: 300px;}

.form-actions {
	margin-top: 50px;
	text-align: right;
}

img {
	max-width: 100%;
}

#login_block {
	margin-top: 50px;
}

.comment-list {list-style: none; padding: 0;}
.comment-list li {}
.comment-list li blockquote {font-size: 13px; margin-bottom: 5px;}
.comment-list li p {font-size: 12px; text-align: right;}
.comment-list li time {color: #777; font-size: 10px; font-style: italic;}

/* Utility classes */
.text-center {text-align: center;}
.text-right {text-align: right;}
.start-hidden {display: none;}

/* Planned maintenance full calendar */
#planned_maintenance_calendar .actions .btn {margin-left: 10px;}

/* typeahead.js */
.tt-dropdown-menu {background-color: #fff; border: 1px solid #ccc;}
.tt-suggestions {}
.tt-suggestion {padding: .5em 1em;}
.tt-suggestion.tt-cursor {background-color: #eee; color: #555;}

/* Fix for typehead.js wrapping our 100% width bootstrap inputs (horizontal forms) in smaller spans  */
.form-horizontal .twitter-typeahead {width: 100%;}
.form-horizontal .tt-dropdown-menu {width:100%;}

.no-wrap {
	white-space: nowrap;
}

#audit_questions {}
#audit_questions .question {position: relative;}
#audit_questions .ajax-spinner {left: 50%; position: absolute; top: 50%;}
#audit_questions .question-errors {background-color: #fcf8e3; margin-bottom: 10px; padding: .5em; text-align: center;}
#audit_questions .question-success {background-color: #dff0d8; margin-bottom: 10px; padding: .5em; text-align: center;}

[data-toggle="tooltip"].text-muted {border-bottom: 1px dotted; cursor: pointer;}

/* Timepicker plugin */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

/* jQuery UI sortable table rows */
tbody.ui-sortable .ui-sortable-handle {cursor: move;}

.big-number-danger {
	font-size: 125px;
	text-align: center;
	font-weight: bold;
	color: #A95552;
}
.big-number-danger-text {
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	color: #A95552;
}
.danger-panel-bg {
	background-color: #F2DEDE;
}

.big-number-success {
	font-size: 125px;
	text-align: center;
	font-weight: bold;
	color: #3C763D;
}
.big-number-success-text {
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	color: #3C763D;
}
.success-panel-bg {
	background-color: #DFF0D8;
}

.big-number-warning {
	font-size: 125px;
	text-align: center;
	font-weight: bold;
	color: #3C763D;
}
.big-number-warning-text {
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	color: #3C763D;
}
.warning-panel-bg {
	background-color: #FCF8E3;
}
.tooltip-inner {
	width:300px;
	max-width: 300px;
}

.activity-log {list-style: none; margin: 0; padding: 0; max-height: 200px; overflow-y: scroll;}
.activity-log li {font-size: 11px; margin-bottom: .5em;}
.activity-log time {color: #777; display: block; font-family: monospace; font-style: italic;}

.nowrap {
	white-space: nowrap;
}

.active {
  font-weight: bold;
}

.navbar-brand {
  padding-left: 0;
}

table {
  background-color: white;
}