﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

/* Carousel */
.carousel-caption {
    z-index: 10 !important;
}

    .carousel-caption p {
        font-size: 20px;
        line-height: 1.4;
    }

@media (min-width: 768px) {
    .carousel-caption {
        z-index: 10 !important;
    }
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

#tdStopwatchOutput {
    font-weight: bolder;
    font-size: large;
}

.form-group {
    padding-bottom: 30px;
}

.bottomRoundedWithPadding {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding-top: 5px;
    padding-bottom: 25px;
    padding-left: 10px;
}

#formParameters {
    background-color: #B2CBEE;
}

#deploymentTelemetry {
    background-color: #DAE0DC;
}

#wellErrors {
    background-color: #D6D6D6;
}

.eventRowException {
    color: #FF0808;
    font-weight: bold;
}

.eventRowWarning {
    color: mediumblue;
    font-weight: bold;
}

.selectedDeployment {
    padding: 3px;
    border: solid;
}

.required {
    color: #FF0808;
}

#advancedOptions {
    padding-left: 18px;
}

#advancedOptionsToggle {
    font-weight: bold;
    padding-left: 18px;
}

.pagination > li {
	display: none;
}
.pagination > .visible {
	display: inline;
}
.pagination > .alwaysVisible {
	display: inline;
}
li>a.navPageLink {
	padding: 6px 0;
	width: 48px;
	text-align: center;
}
.dotdotdot {
	border: none;
	padding: 0;
	width: 48px;
	text-align: center;
	vertical-align: bottom;
	line-height: 34px;
	height: 34px;
	display: inline;
	float: left;
	margin-left: -1px;
	border: 1px solid #ddd;
}
.dotdotdot:hover {
	background-color: #fff;
}