/* Background settings and content centering */
body {
    font-family: Arial, Helvetica, sans-serif;
}

body {
    background-color: rgb(210, 231, 255);
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 20px;
    align-content: center;
    max-width: 1000px;
}

body a {
    color: rgb(0, 81, 156);
}

h1, h3, h4, h5 {
    font-weight: 700;
}

#site_title {
    /* padding-top: 100px; */
    padding-right: 20px;
    color: rgb(53, 53, 53);
    font-size: 24px;
    font-family: Roboto, Helvetica, sans-serif;
    font-weight: 500;
    text-decoration: none;
}

#site_title:hover {
    color: rgb(83, 94, 124);
    text-decoration: none;
}

.content_frame h4 {
    /* Page subtitles */
    color: rgb(5, 6, 90);
    margin-top: 0px;
}

/* Settings for within the content frame */
.content_frame {
    background-color: white;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 10px;
    padding-top : 20px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.content_frame h1 {
    /* Page subtitles */
    color: rgb(4, 5, 83);
    margin-top: 0px;
    margin-bottom: 10px;
}

/* Index list styling */
#index-list {
    padding-top: 10px;
    word-spacing: 0px;
    border-radius: 2px;
}

#index-list a {
    color: rgb(0, 81, 156);
    font-weight: bold;
    padding-left: 10px;
    background-color: rgb(247, 247, 247);
}

#index-list a:hover {
    background-color: rgb(235, 235, 235);
}

#index-list section {
    padding-top: 5px;
    padding-bottom: 5px;
    color: rgb(48, 48, 48);
    background-color: rgb(255, 255, 255);
}

#index-list ul {
    list-style-type: square;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

/* Form information block styling */
.desc_block {
    padding-top: 0px;
    background-color: rgb(245, 245, 245);
    padding: 10px 20px 20px 20px;
    line-height: 1.5;
}

.desc_block h3, .desc_block h4, .desc_block ul {
    margin-top: 5px;
    margin-bottom: 5px
}

.desc_block li {
    margin-bottom: 5px;
}

/* Form error message styling */
.alert {
    color : red;
    padding-bottom: 0;
    margin-bottom: 0px;
}

#error_section {
    margin-top: 15px;
    padding-top: 10px;
    padding-bottom: 0px;
}

/* Settings for form options */

input[type="radio"] {
    margin-right: 5px;
}

label {
    padding-right: 15px;
}

input[type='text'] {
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 3px;
    font-size: 16px;
    word-spacing: 2px;
    font-family: "Open Sans", "Arial", "Times New Roman";
}

/* Form submit button styling */
.btn-grp {
    margin-left: 5px;
}

.hidden-form {
    visibility: hidden;
    display: none;
}

#plot_nav {
    display: inline-block;
    align-content: right;
}

#stereo_form {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    line-height: 1.75;
}

#stereo_form h5 {
    margin-top: 10px;
    color: #202020;
}

.input-group {
    max-width: 325px;
    display: inline-flex;
}

#start {
    margin-right: 20px;
}

#form_button_div {
    padding-top: 0px;
    padding-bottom: 20px;
}

#form_submit{
    background-color: #2c65af;
    border-color: #2c65af;
    font-family: "Roboto", Arial, sans-serif;
}

#form_submit:hover {
    background-color: #3474c8;
    border-color: #3474c8;
}

#form_plot {
    background-color: #4f6bb6;
    border-color: #4f6bb6;
    margin-left: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

#form_plot:hover {
    background-color: #6378d8;
    border-color: #6378d8;
}

/* Nav bar styling */
.navigation {
    background-color: #717d8a;
    text-align: center;
    color: white;
    border-radius: 2px;
}

.navigation a {
    text-decoration: none;
}

.navigation button {
    font-family: Helvetica, sans-serif;
    font-weight: 400;
    font-size: large;
    color: white;
    background-color: #717d8a;
    border: none;
    padding-top: 8px;
    padding-bottom: 8px;
}

.navigation button:hover {
    border-radius: 0px;
    background-color: #82909e;
}

hr {
    /* Separator lines */
    border: 1px solid rgb(192, 192, 192);
    margin-top: 30px;
    margin-bottom: 30px;
}

form h5 {
    font-family: Roboto, Helvetica, sans-serif;
    font-weight: 500;
}

.table {
    font-family: Roboto, Helvetica, sans-serif; 
    font-size: large
}

.table th {
    font-weight: 500;
}

form {
    padding-left: 20px;
}

#site_logo {
    padding-top: 0px;
}

#header {
    background-color: #40474e;
}

.ui-datepicker { 
    margin-top: -375px;
  }