html {
  height: 100%;
}
body {
  min-height: 100%;
  display: flex;
   flex-direction: column;
  background: #e1e1e1;
}
/* Layout Classes*/
header {
    flex: none;
}

.innercontainer {
    background: #e1e1e1;
    flex: none;
}

.content {
    background: #fff;
    border: 1px solid #ccc;
    border-top:0px;
    padding:15px;
    min-height:500px;
    padding-bottom:30px;
}

/* Typography */fff
h1, h2, h3, h4 {
    font-weight: bold;
    margin:0;
    color: #00957a;
}
h1 {
    line-height: 2.5em;
}

h2 {
    line-height: 2em;
}

h3 {
    line-height: 2em;
}

h4 {
    line-height: 1.5em;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

ul li {
    margin: 5px 15px;
}

ol li {
    margin: 5px 15px;
}

ol {
    counter-reset: list;
    margin: 0;
}

ol > li {
    list-style: none;
    position: relative;
}

ol > li:before {
    counter-increment: list;
    content: counter(list, decimal) ") ";
    position: absolute;
    left: -1.4em;
}

/* show-specific colors */
a {
    color: #00957a;
    transition:all 0.3s;
}

    a:hover, a:focus, a:active {
        color: #00957a;
        text-decoration: none;
    }

.btn {
    padding: 8px 15px;
    border-radius:200px; /* a large border radius (in px) will render properly even for multi-line button text. Using too small px (or %) may not render correctly */
    font-size:1.1em;
    font-weight:bold;
    transition:all 0.3s;
}

.btn-primary {
    background: #00957a;
    border:none;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
        background: #007f69;
    }


.btn-sm {
    padding: 5px 10px;
    font-size: 0.9em;
}

.mute {
    color: #999;
}

.meetingcolor {
    color: #00957a;
}


/* Custom alerts and colors for trb 18 */
.alert-trb {
    background: #ddfffa;
    color: #00957a;
    border-radius: 0;
}
.nav-tabs {
    margin:15px auto;
    width:100%;
}

    .nav-tabs > li {
        margin:0;
        width:50%;
    }

.nav-tabs > li > a {
    font-size: 1.2em;
    border-radius:0px;
    color:#bbb;
    height:70px;
    text-align:center;
    
}

.nav-stacked li {
    margin: 0;
}

    .nav-stacked li a {
        padding: 8px 15px;
        margin:10px 0;
        font-weight: bold;
        background:#00957a;
        color:#fff;
    }

        .nav-stacked li a:hover {
            color: #00957a;
        }

.panel-default > .panel-heading {
    font-size:16px;
    color:#00957a;
    font-weight:bold;
    }

div.awesomplete {
    display: block !important;
}

/* Custom Tabs */
.nav-tabs > li.active > a {
    border-top:2px solid #d58d59;
    font-weight:bold;
}

    .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:active {
        border-top: 2px solid #d58d59;
    }



/* Specific styles/interactions */
.launchModal {
    cursor: pointer;
}

/* Footer */
footer {
    padding: 30px 0;
    background: #333;
    color: #fff;
    flex:none;
}

@media (max-width:768px) {
    .nav-tabs > li > a {
        font-size: 1em;
        padding-top:5px;
    }
}

.red
{
    color: Red;
}

.trbcolortheme
{
    color: #00957a;
}

.badgepreview{
	border:1px solid #ccc;
	padding:10px;
	text-align:center;
	width:90%;
}

.form-control:focus 
{ 
    border-color: #00957a;  
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 112, 184, 0.6); 
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 112, 184, 0.6);
} 

.popover{
    width:400px;
    height:200px;    
}