﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
    color: #333;
    font-family: 'Segoe UI Semilight';
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;    
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error,
select.input-validation-error,
textarea.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

/************** Added *******************/
#create-case, #create-contact {
    /*margin: 20px auto 0 auto;*/
}
.body-content > div:first-child {
    margin: 10px auto 0 auto;
}

    .body-content > div.panel-heading > ul:first-child {
        background-color: red;
    }
#create-case label.control-label, #create-contact label.control-label, .body-content label.control-label {
    text-align: left;
    font-family: 'Segoe UI Light';
}

#create-case button.btn, #create-contact button.btn, .body-content button.btn {
    width: 200px;
    box-shadow: 2px 2px 6px #888888;
}

input:invalid {
    outline: 1px dotted red;
    box-shadow: 2px 2px 6px #888888;
}

.navbar-inverse {
    background-color: #337ab7;
    color: azure;
}
.navbar-inverse .navbar-brand {
    color: #f7fbff;
}

legend {
    color: brown;
}
p {
    font-family: Segoe UI;
}
/***** Thank You ****/
.left
{
  height: 100%;  
   border-right: 3px solid #fff;
}

.right {
    height: 100%;
    padding: 15% 1%;
    text-align: center;
}

.thankyou-container 
{
  background-color: #8eca8f;
  outline: 5px solid #99b0bb;
  height: 500px;
  margin-top: 20px;
  padding: 30px 10px;
}

/***** Wizard Steps ****/
.thumbnail {
    padding: 1px;
    margin-bottom: 6px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.well {
    min-height: 20px;
    padding: 5px 15px;
    margin-bottom: 10px;
    background-color: #f5f5f5;
}
.required::after 
{
    content: "*";
    font-weight: bold;
    color: red; 
    font-size:x-large;
    padding: 1px;
}