﻿/*Additional Styles*/

/***
@media (min-width: 1200px) {
    .container {
        width: 90%;
    }
}
**/

.field-validation-error {
    padding-top: 5px;
    display: inline-block;
    font-size: 12px;
}
.validation-summary-valid {
    display: none;
}

.navbar {
    min-height: 80px;
}
.navbar-nav > li > a {
    line-height: 50px;
}

.my-navbar-brand img {
    margin-top: 13px;
}

.form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0px;
}

.no-close .ui-dialog-titlebar-close {
    display: none
}

div[id^="labQuestion"] {
    padding-left: 10px;
    padding-top: 10px;
}

.radio-inline, .checkbox-inline {
    padding-left: 35px;
}

.form-horizontal .form-group {
    padding-bottom: 10px;
}

.LoginImage {
    padding-top: 50px;
    width: 380px;
}
.form_width_initial { width: initial; }      /* Used to set width's of Texbox to 'col-md-2' size over full size in div */
.form_checkbox_margin { margin:6px 0 0 0; }  /* Used to make Checkbox on a MVC form to be centered*/
.form_checkbox_size { width:20px;height:20px; }  /* Used to make Checkbox on a MVC form to be centered*/
.form_checkbox_size input { width:20px;height:20px; margin-top: 10px; }  /* Used to make Checkbox on a ASP.NET form to be centered*/

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 80px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    /* max-width: 380px; --> Stephen Removed!*/
}


/*Added "form-label" so I can justify with "text-left" if Needed*/
 .form-horizontal .form-label {    margin-bottom: 0;    padding-top: 9px;  }
 .form-inline .form-label {    margin-bottom: 0;    vertical-align: middle; }

  
 .text-left  { text-align:left;}
 .text-right  { text-align:right;}
 .text-center  { text-align:center;}
 .text-brown {color: #7F3300;}
 .text-lightgray {color: #C1C1C1;}


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}

input[type="radio"] {
    width: 20px;
    height: 20px;
}
label.font-weight-normal {
    font-weight: normal;
}