body
{
    /* default padding assumes fixed header and footer */
    padding: 5rem 2rem 4rem 2rem;
       
}

h1 {

color: black; 
/*font-family: 'Times New Roman';*/
 font-size: large; 
 font-weight: 200;

}
h2
{
     /*color: blue;*/
    font-size:large;
    padding-top: 5px;
}

h3
{
    color: blue;
    font-size:medium;
     /*padding-top: 20px;*/
}

.h4
{
  padding-left:5em;
    color: blue;
}

h5
{
     color: blue;
    font-size:medium;
    text-align: center;
}

.errmsg
{
    color: red;
}

.error
{
    border: 1px solid red;
}


.form-group .ng-invalid
{
   /*border-color: red;*/
}

.form-group .ng-dirty.ng-valid
{
    border-color: lightgreen;
}
 

.form-control.invalid {
    position: absolute;
    display: none;
    -moz-min-width: 200px;
    -ms-min-width: 200px;
    -o-min-width: 200px;
    -webkit-min-width: 200px;
    min-width: 200px;
    min-height: 20px;
    max-width: 450px;
    max-height: 40px;
}
 



/* adds padding for the fixed footer*/
.toast-bottom-right
{
    bottom: 5rem;
    right: 1rem;
}

.control-label:after
{
    content: ':';
}




.control-label.required:before
{
    content: '*';
    color: red;
}

/* left align control labels on smaller screens */
@media (max-width: 992px)
{
    div.text-right
    {
        text-align: left !important;
    }
}

.hand
{
    cursor: pointer;
}

.full-width
{
    width: 100%;
}

.fixed-width-20
{
    width: 20rem!important;
}

.fixed-width-30
{
    width: 30rem!important;
}

.fixed-width-40
{
    width: 40rem!important;
}

.move-left-3
{
    position: relative;
    left: -3rem;
}

.move-right-29
{
    position: relative;
    left: 29rem;
}

@media (max-width: 768px)
{

    input.fixed-width-30
    {
        width: 30rem!important;
        display: inline-block;
    }
}
.line {
    margin-bottom: 5px; 
}

#enterprise-connect {
     height: 30rem;
}

.container-fluid{
     background-color: #00ADA8 ;
}

.navbar-header{
    /*margin-bottom: 35px;*/
    width: 30%;
    background-color: #00ADA8 ;
   }

.navbar-brand {
     width: 23%;
    padding-top: 0px;
    height: 40px;
}


/*.navbar {
    margin-bottom: 35px;
}*/

a.navbar-brand {
    color: #00ADA8 ;
}


.navbar-inner {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a4b357+0,cdcd3c+99 */
background-color: #00ADA8 ; /* Old browsers */
}

.navbar-toggle .icon-bar {
    background-color: white;
}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    background-color: green;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: pink;
}

.navbar .nav li.toolbaritem a:hover, .navbar .nav li a:hover {
    color: #000 ;
     background-color: #B4E8EC ;
}


.navbar .nav > li {
    cursor: pointer;
}

    .navbar .nav > li > a {
        color: #000;
        font-weight: bold;
        -webkit-text-shadow: none;
        text-shadow: none;
        height: 30px;
        padding-top: 6px;
        padding-bottom: 0px;
    }

    .navbar .nav > li.toolbaritem > a {
        color: black;
        font-weight: bold;
        -webkit-text-shadow: none;
        text-shadow: none;
    }

 

.navbar-inverse {
        background-color: #00ADA8 ;
    border-color: transparent;
}


.navbar-toggle {
    background-color:#00ADA8 ;
    border: 1px solid #fff;
}


.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.nav.navBarPadding {
    margin-left: 0px;
    margin-top: 0px;
}