﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
}

hr {
    margin: 0;
}

/* 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 {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

/* This helps the ng-show/ng-hide animations start at the right place. */
/* Since Angular has this but needs to load, this gives us the class early. */
.ng-cloak {
    display: none!important;
}

/* header adjustments */
/*.navbar-nav > li > a { padding-top:15px !important; padding-bottom:10px !important; }
.navbar { min-height:20px !important; margin-bottom: 0px; padding-left: 15px; padding-right: 35px; }
.navbar-brand { padding-top:15px !important; padding-bottom:5px !important; margin-right:50px !important; }
.navbar-toggle { padding: 4px; }
    */
.navbar { padding-left: 10px; padding-right: 25px; }
.container-main{
  padding: 0 10px;
  margin: 0 auto;
}

/*
.modal {
   top: 25% !important;
   opacity: 1 !important;
}*/
.modal-backdrop {
   opacity: 0.2 !important;
}

.modal-header, .modal-footer, .modal-body {
    padding-top: 4px; padding-bottom: 4px;
}
.modal-header h3 {
    margin-top: 0; margin-bottom: 0; font-size: large;
}
.modal-body {
    overflow: auto;
    font-size: .9em;
}
/* bootstrap tweaks*/
    .form-inline { height: 28px; }
    .form-control { padding: 0 2px; height: 24px; }
    .input-group-btn .btn { padding: 0 4px; height: 24px; background-color: white; border: solid 1px lightgray; }
    .input-group-btn .btn:hover { background-color: lightgray; }

/*validation*/
input.ng-invalid {
    border-color: red;
}
i.error {
    color: red;
    cursor: default;
}