body {
    padding: 0;
}

div#content-wrapper {
    margin: 0.5em;
}

div#content {
    padding-bottom: 1.5em;
    background: #ffffff;
}

div#page-wrapper.singlecol {
    margin-left: 0;
}

a.cancel {
  margin-left: 1em;
}

.top05 {
  margin-top: 0.5em;
}

.top15 {
  margin-top: 1.5em;
}

.navbar-brand {
  padding: 0 0 0 13px;
}

button.clear-file-selection {
    margin-left: 1em;
}

/*
 * Datatables Bootstrap integration has a bug that will show a second header row with sort
 * controls within the table body area. This has been fixed in Bootstrap, but sb-admin-2
 * still has it. Hide the row here.
 */
div.dataTables_scrollBody thead th,
div.dataTables_scrollBody thead td {
    line-height: 0;
    opacity:0.0;
    width: 0px;
    height:0px;
}

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting {
    background: none;
}

div#page-wrapper.no-sidebar {
    margin: 0;
}

div#content {
    margin-top: 1em;
}

div.add-button {
    margin-top: 1em;
    float: right;
}

.pdf-icon {
    color: red;
}

/*
 * FORM STYLES
 */

div.required-note {
	float: right;
    padding: 1em;
}

form.form-horizontal div.form-group {
    clear: both;
    padding: 0.5em 0;
    margin: 0;
}

form.form-horizontal div.form-group.stripe {
    background: #fafafa;
}

form.form-horizontal div.form-group.stripe .table-striped>tbody>tr:nth-of-type(even) {
    background: #ffffff;
}

form.form-horizontal div.has-error input.form-control {
	margin-bottom: 0.5em;
}

form.form-horizontal span.error-msg {
	color: red;
	padding-left: 1em;
}

div.required-note span.star {
	color: red;
}

form.form-horizontal label.control-label {
	float: left;
	clear: left;
	width: 33%;
	margin-bottom: 1em;
	padding-top: 0.5em;
	padding-left: 1em;
    text-align: left;
}

form.form-horizontal label.control-label:after {
	content: ":";
}

form.form-horizontal div.form-group > div {
	float: left;
	width: 67%;
	margin-bottom: 1em;
}

form.form-horizontal div.form-group label.required-field + div:before {
	content: "*";
	color: red;
	float: left;
    width: 0;
    overflow: visible;
}

form.form-horizontal div.form-group > div > input,
form.form-horizontal div.form-group > div > span.form-control,
form.form-horizontal div.form-group > div > select,
form.form-horizontal div.form-group > div > textarea,
form.form-horizontal div.form-group > div > div.related-widget-wrapper {
	width: 95%;
	margin-left: 1em;
    display: inline-block;
}

form.form-horizontal div.form-group > div > span.form-control {
    text-align: left;
    background-color: inherit;
}

form.form-horizontal div.form-group > div > div.related-widget-wrapper select {
    float: left;

    /* must reset width on selects here, since select2 has a positioning bug in Chrome */
    width: auto;
}

form.form-horizontal div.form-group > div > div.related-widget-wrapper a.related-widget-wrapper-link {
    display: inline-block;
    position: relative;
    margin-left: 1em;
}

form.form-horizontal div.form-group > div > div.related-widget-wrapper a.related-widget-wrapper-link:hover {
    text-decoration: none;
}

form.form-horizontal div.form-group > div > input.vDateField {
    width: 10em;
}

form.form-horizontal h4 {
	clear: left;
	padding-top: 1em;
    text-decoration: underline;
}

form.form-horizontal sup.footnote {
	font-size: 12px;
}

form.form-horizontal div.form-actions {
	clear: both;
	margin-left: 0;
    padding-top: 2em;
	padding-left: 1em;
}

form.form-horizontal div.radio {
    display: inline-block;
    margin-left: 1em;
}

form.form-horizontal div.form-group > div > input.range-ui {
    width: 15%;
}

form.form-horizontal p.help-block {
    margin-left: 1em;
}

div.range-ui {
    float: right;
    width: 75%;
    margin-right: 1em;
    margin-top: 0.5em;
}

textarea.form-control {
    height: 7em;
}

.bs-wizard {margin-top: 40px;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; }
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
    transition-timing-function: linear;
    transition-duration: 0.5s;
    width:100%;
}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
    transition-timing-function: linear;
    transition-delay: 0.5s;
    transition-duration: 0.5s;
    width:50%;
}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/

@media print
{
    form.form-horizontal div.form-group {
        page-break-inside: avoid;
    }
}

/* Navigation */
.navbar-toggle {
    float: left;
    margin-left: 0.5em;
    margin-right: 0.5em;
}

@media (min-width: 0px) and (max-width: 99999px) {
    .navbar-header {
        float: left!important;
    }
    .navbar-right {
        float: right!important;
    }
    .sidebar {
        clear: both;
    }
    .sidebar-nav {
        padding: 0;
    }
}
/*END Navigation */

/* App-Specific */
form.form-horizontal div.form-group > div > input.unit-conversion,
form.form-horizontal div.form-group > div > span.unit-conversion {
    width: 13em;
    margin-right: 0.5em;
}

span.unit-conversion-target {
    padding-left: 4em;
}

form.form-horizontal.max-width {
    max-width: 768px;
}