/* Make group-addon labels the same width */

textarea.form-control {
  resize: vertical;
  max-height: 400px;
  max-width: 700px;
}

body{
    padding-bottom:40px;
}

input.ng-valid.ng-dirty {
	transition: border .5s ease-in-out;
	-webkit-transition: border .5s ease-in-out;
	-moz-transition: border .5s ease-in-out;
}

input.ng-invalid.ng-dirty {
	border: 2px solid #FF6C6C;
	border-radius: 3px;
	transition: border .5s ease-in-out;
	-webkit-transition: border .5s ease-in-out;
	-moz-transition: border .5s ease-in-out;
}

input.ng-valid.savesubmitted{
	transition: border .5s ease-in-out;
	-webkit-transition: border .5s ease-in-out;
	-moz-transition: border .5s ease-in-out;
}

input.ng-invalid.savesubmitted {
	border: 2px solid #FF6C6C;
	border-radius: 3px;
	transition: border .5s ease-in-out;
	-webkit-transition: border .5s ease-in-out;
	-moz-transition: border .5s ease-in-out;
}


/* When showing an element (added by ng-hide(false) or ng-show(true)) */
.alert.ng-hide-remove {
	-webkit-transition:0.5s linear all;
	-moz-transition:0.5s linear all;
	-o-transition:0.5s linear all;
	transition:0.5s linear all;

	/* this needs to be here to make it visible during the animation
		 since the .ng-hide class is already on the element rendering
		 it as hidden. */
	display:block!important;
	opacity:0;
}
.alert,
.alert.ng-hide-remove.ng-hide-remove-active {
	opacity:1;
}

/* Navbar styling */

/* Green */
.navbar-qa {
  background-color: #6bb66e;
  border-color: #499556;
}

/* CYAN */
.navbar-int {
  background-color: #196B6B;
  border-color: #0F4444;
}

/* Orange/Gold */
.navbar-st {
  background-color: #e67e22;
  border-color: #d35400;
}

/* Red */
.navbar-prod {
  background-color: #e74c3c;
  border-color: #c0392b;
}

/* Purple */
.navbar-dev {
  background-color: #9b59b6;
  border-color: #8e44ad;
}

/* Blue */
.navbar-local {
  background-color: #3767d2;
  border-color: #5b8cfd;
}

/*  Generic CSS applied to all nav bar elements */

.navbar-default .navbar-brand {
  color: #ecf0f1;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #040403;
}
.navbar-default .navbar-text {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #040403;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #040403;
  background-color: #c0392b;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #040403;
  background-color: #c0392b;
}
.navbar-default .navbar-toggle {
  border-color: #c0392b;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #c0392b;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ecf0f1;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ecf0f1;
}
.navbar-default .navbar-link {
  color: #ecf0f1;
}
.navbar-default .navbar-link:hover {
  color: #040403;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ecf0f1;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #040403;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #040403;
    background-color: #c0392b;
  }
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}
.doc-callout

.dh-page-header {
    padding-top: 0px;
    margin: 0px 0px 0px;
}


.dh-page-header p {
    color: #888;
    font-style: normal;
    font-size: 1.33em;
    font-weight: bold;
}

.dh-section-header {
    padding-top: 8px;
    border-top:1px solid #ddd;
    margin: 20px 0px 10px;
}

.dh-section-header p {
    color: #000;
    font-style:normal;
    font-size: 1.25em;
}

.dh-element {
    padding-top: 8px;
    border-top: 1px solid #ddd;
    margin: 10px 0px 10px;
}

.dh-element-header {
    color: #444;
    font-style:normal;
    font-size: 1.25em;
}

.form-group {
    margin-bottom: 4px;
}

/* End navbar styling */