.dropdown-menu { /* make dropdown menu a little wider to fit selections JPW 12/3/2016 */
    min-width:200px;
}

a[ng-click]{
    cursor: pointer;
}

.panel-black {
    border-color: black;
}

.panel-black .panel-heading {
    border-color: black;
    color: #fff;
    background-color: black;
}

.panel-black a {
    color: black;
}

.panel-black a:hover {
    color: darkgray;
}

.panel-lavender {
    border-color: #C39BD3;
}

.panel-lavender .panel-heading {
    border-color: #C39BD3;
    color: white;
    background-color: #C39BD3;
}

.panel-lavender a {
    color: #C39BD3;
}

.panel-lavender a:hover {
    color: VIOLET;
}


.btn-black  {
    color: white;
    background-color:black;
}

.btn-black:hover {
    color: lightgray;
}

.text-black {
    color:black;
}

.border-black {
    border-color:black;
}

.border-black td{
    border:darkgray thin solid !important;
}
.border-black th{
    border:darkgray thin solid !important;
}


.panel-maroon {
    border-color: #5C0025;
}

.panel-maroon .panel-heading {
    border-color: #5C0025;
    color: #fff;
    background-color: #5C0025;
}

.panel-maroon a {
    color: #5C0025;
}

.panel-maroon a:hover {
    color: darkgray;
}


.btn-maroon  {
    color: white;
    background-color:#5C0025;
}

.btn-maroon:hover {
    color: lightgray;
}

.btn-maroon:focus {
    color: lightgray;
}

.text-maroon {
    color:#5C0025;
}

.border-maroon {
    border-color:#5C0025;
}

.border-maroon td{
    border:darkgray thin solid !important;
}
.border-maroon th{
    border:darkgray thin solid !important;
}




.panel-darkgreen {
    border-color: darkgreen;
}

.panel-darkgreen .panel-heading {
    border-color: darkgreen;
    color: #fff;
    background-color: darkgreen;
}

.panel-darkgreen a {
    color: darkgreen;
}

.panel-darkgreen a:hover {
    color: darkgray;
}


.btn-darkgreen  {
    color: white;
    background-color:darkgreen;
}

.btn-darkgreen:hover {
    color: lightgray;
}

.btn-darkgreen:focus {
    color: lightgray;
}

.text-darkgreen {
    color:darkgreen;
}

.border-darkgreen {
    border-color:darkgreen;
}

.border-darkgreen td{
    border:darkgray thin solid !important;
}
.border-darkgreen th{
    border:darkgray thin solid !important;
}









.panel-persiangreen {
    border-color: #009999;
}

.panel-persiangreen .panel-heading {
    border-color: #009999;
    color: #fff;
    background-color: #009999;
}

.panel-persiangreen a {
    color: #009999;
}

.panel-persiangreen a:hover {
    color: darkgray;
}


.btn-persiangreen  {
    color: white;
    background-color:#009999;
}

.btn-persiangreen:hover {
    color: lightgray;
}

.btn-persiangreen:focus {
    color: lightgray;
}

.text-persiangreen {
    color:#009999;
}

.border-persiangreen {
    border-color:#009999;
}

.border-persiangreen td{
    border:darkgray thin solid !important;
}
.border-persiangreen th{
    border:darkgray thin solid !important;
}




.panel-darkgoldenrod {
    border-color: darkgoldenrod;
}

.panel-darkgoldenrod .panel-heading {
    border-color: darkgoldenrod;
    color: white;
    background-color: darkgoldenrod;
}

.panel-darkgoldenrod a {
    color: darkgoldenrod;
}

.panel-darkgoldenrod a:hover {
    color: darkgoldenrod;
}


.btn-darkgoldenrod  {
    color: white;
    background-color:darkgoldenrod;
}

.btn-darkgoldenrod:hover {
    color: darkgoldenrod;
}

.text-darkgoldenrod {
    color:darkgoldenrod;
}



.panel-navy {
    border-color: midnightblue;
}

.panel-navy .panel-heading {
    border-color: midnightblue;
    color: white;
    background-color: midnightblue;
}

.panel-navy a {
    color: midnightblue;
}

.panel-navy a:hover {
    color: midnightblue;
}


.btn-navy  {
    color: white;
    background-color:midnightblue;
}

.btn-navy:hover {
    color: #;
}

.text-navy {
    color:midnightblue;
}


.panel-red {
    border-color: #a94442;
}

.panel-red .panel-heading {
    border-color: #a94442;
    color: white;
    background-color: #a94442;
}

.panel-red a {
    color: #a94442;
}

.panel-red a:hover {
    color: #a94442;
}


.btn-red  {
    color: white;
    background-color:#a94442;
}

.btn-red:hover {
    color: #a94442;
}

.text-red {
    color:#a94442;
}


.panel-yellow a {
    color: #f0ad4e;
}

.panel-yellow a:hover {
    color: #f0ad4e;
}


.btn-yellow  {
    color: white;
    background-color:#f0ad4e;
}

.btn-yellow-pushed  {
    color: white;
    background-color:#d0903e;
}

.btn-yellow:hover {
    color: white;
    background-color:#d0903e;
}

.text-yellow {
    color:#f0ad4e;
}


.panel-red-on-white {
    border-color: #a94442;
}

.panel-red-on-white .panel-heading {
    border-color: #a94442;
    background-color: white;
    color: #a94442;
}

.panel-red-on-white a {
    background-color: #a94442;
    color: white;
}

.panel-red-on-white a:hover {
    color: white;
    background-color: #a94442;
}


.btn-red-on-white  {
    border-color: #a94442;
    background-color: white;
    color:#a94442;
}

.btn-red-on-white:hover {
    border-color: #a94442;
    background-color: white;
    color: #a94442;
}

.text-red-on-white {
    background-color:#a94442;
    color:white;
}



.font-size-small {
  font-size: 0.8em;
}

.font-size-medium {
  font-size: 0.9em;
}

.font-size-large {
  font-size: 1.0em;
}

.wrapped-cell {
  white-space:pre 
}

header nav ul li a {
    color: #333;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}
body {
    background: url(../../images/certifi-intro.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
	background-size: cover;
    background-position: center 0 70px;
}

.page-header {
    border-bottom: 1px solid #eee;
    margin: 10px 0 10px;
    padding-bottom: 9px;
}

.tooltip.sticky-note  .tooltip-inner {
                color: white;
                background-color:red;
                box-shadow: 0 6px 12px rgba(0,0,0,.175);
            }

.tooltip.sticky-note .tooltip-arrow {
        display: none;
    }


.footer {
  position: relative;
  margin-top: -100px; /* negative value of footer height */
  height: 100px;
  clear:both;
  padding-top:20px;
}


.errmsg {
    color:red;
    font-weight:bold;
    font-size:small;
}




button.btn-success-darker {
    background-color: #3c763d;
}

.modal {
    display: block;
}
.modal-body:before,
.modal-body:after {
    display: table;
    content: " ";
}
.modal-header:before,
.modal-header:after {
    display: table;
    content: " ";
}

.table-yellow, .table-yellow tr {
   /*/border-bottom: 1px solid #f0ad4e;*/
   border-color: #f0ad4e;
}

.table-green, .table-green tr {
   border-color: #5cb85c;
}

.background-yellow {
    background-color: #f0ad4e;
}

.color-white {
    color:white;
}

.table-noborder th, .table-noborder tr,  .table-noborder td { 
     border: none; 
 }

.custom-dl-tight {
    margin-bottom:5px;
}

.placeholder{color: gray;}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-gray {
    background-color: gray;
    color: #fff;
}

.indent50 {
    text-indent:50px;
}

select option:first-child{color: grey; display: none;}
select option{color: #555;}


.maritime-green-bg {
    background-color: #00942A;
}

.disaster-red-bg {
    background-color: #BD362F;
}

.construction-orange-bg {
    background-color: #F89406;
}

.industry-blue-bg {
    background-color: #0044CC;
}

.maritime-green-text {
    color: #00942A;
}

.disaster-red-text {
    color: #BD362F;
}

.construction-orange-text {
    color: #F89406;
}

.industry-blue-text {
    color: #0044CC;
}

.white-text {
    color: white;
}

.red-text {
    color: red;
}

.black-text {
    color: black;
}

.lightgray-text {
    color: lightgray;
}

.lightgreen-text {
    color: lightgreen;
}

.lightred-text {
    color: lightpink;
}

.lightblue-text {
    color: lightblue;
}

.lightorange-text {
    color: blanchedalmond;
}

.lightgreen-bg {
    background-color: #c3fbc3;
}

.lightred-bg {
    background-color: #ffd1d8;
}

.lightblue-bg {
    background-color: #d2f4ff;
}

.lightorange-bg {
    background-color: #fff1dc;
}

.badge-red-bg {
    background-color:red;
}

.badge-yellow-bg {
    background-color:yellow;
}

.badge-lightgray-bg {
    background-color:lightgray;
}

.badge-green-bg {
    background-color:green;
}

.warning-text {
    color:  #f0ad4e;
    outline: thin solid  #f0ad4e;
}
.success-text {
    color:  #5cb85c;
    outline: thin solid #5cb85c;
}
.danger-text {
    color:  #d9534f;
    outline: thin solid #d9534f;
}
.primary-text {
    color:  #337ab7;
    outline: thin solid #337ab7;
}
.no-outline {
    outline:none;
}

.font-bold {
    font-weight:bold
}

.font-gray {
    color:gray
}

.font-red {
    color:lightcoral
}

.panel-darkgray {
    border-color: midnightblue;
}

.panel-darkgray  .panel-heading{
    border-color: midnightblue;
    color: white;
    background-color: midnightblue;
}

.text-darkgray {
    color:midnightblue;
}

.btn-darkgray {
    background-color: midnightblue;
    color:white;
}

.btn-gray  {
    color: lightgray;
    background-color:white;
}
.btn-gray:hover  {
    color: lightgray;
    background-color:white;
}

.btn-gray:focus  {
    color: lightgray;
    background-color:white;
}

.btn-primary-pushed {
    background-color:#286090;
}

.table-truncate {
    max-width: none !important;
    /*
    table-layout: fixed !important;
    word-wrap: break-word !important;
    */
}

.td-truncate {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}