/* Master Styles */
h1 {
  color: #369; 
  font-family: Arial, Helvetica, sans-serif;   
  font-size: 250%;
}
h2, h3 { 
  color: #444;
  font-family: Arial, Helvetica, sans-serif;   
  font-weight: lighter;
}
body { 
  margin: 2em; 
}
body, input[text], button { 
  color: #888; 
  font-family: Cambria, Georgia; 
}


.ng-valid[required] {
  border-left: 5px solid #42A948; /* green */
}

.ng-invalid {
  border-left: 5px solid #a94442 !important; /* red */
}

.clickable:hover {
    cursor: pointer;
}

.no-bullet {
    list-style-type: none;
}

.branch-option-buttons {
    background: #EEE;
    padding: 3px;
}

.inline-form-wrapper{
    display: block;
    overflow: hidden;
    padding-right: 10px;
}

.inline-form {
    display: inline;
}

.inline-text {
    padding-bottom: 0;
    padding-top: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: gray;
    width: 100%;
}

textarea {
    width: 100%;
}

.static-alert {    
    position: fixed;
    bottom: 10px;
    right: 10px;
    margin-bottom: 0px;
}

.h1-text-field {
    margin-top: 19px;
    margin-bottom: 9px;
    font-size: 36px;
    font-weight: 500;
    padding-bottom: 0;
    padding-top: 0px;
    line-height: 1.1;
}

.chapter {
    transition: background, 2s
}

.chapter-highlight {
    background: lightblue;
    transition: background, 0s
}

.main-content {
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
    background: white;
    padding: 15px;
}

body {
    background: #EEE !important;
    padding: 0px !important;
}

.no-colours {
    color: #333 !important;
    text-decoration: none !important;
}
/* 
 * See https://github.com/angular/angular.io/blob/master/public/docs/_examples/styles.css
 * for the full set of master styles used by the documentation samples
 */