body {
    background-color:#eee;
    height:100%;
    color:#333;
}

#ttMenu {
    margin-top:28px;
}



.containerTop {
    padding-top: 20px;
}

.colContainer {
    background-color: #fff;
    min-height:350vh;
}

.subColContainer {
    background-color: #fff;
    height:100%;
}

.my-header  {
    background-color:#eee;
}

.navbar .nav > li > a {
   color:#333; 
}

.navbar .nav > li > a:hover {
    color: #999;
}
.navbar-inverse .navbar-header > a  {
    color:#333;
} 

.navbar-inverse .navbar-header > a:hover  {
    color:#999;
} 

.my-headercontainer  {
    background-color:#000;
    height:100px;
    width:100%;
    margin-top:50px;
    border-bottom:1px #000 solid;
}

.my-headeropaque {
        color: #fff;
        background-color: rgba(0,0,0,0.3);
        padding:2px 10px 2px 10px;
}

.my-headerimage  {
    background-color:#C19E78;
    border-bottom:1px #000 solid;
    height:100px;
    width:90%;
    margin-top:50px;
    margin-left:auto;
    margin-right:auto;
    background: url("../images/skyscrapers2.png");
    z-index:1;
    background-repeat: no-repeat;
}



.panel {
    border: 1px solid #8CBED6;
    background-color: #8CBED6;
}

.my-headertext  {
   padding:25px 0 0 120px;
   font-size:36px;
   //font-weight:bold;
   z-index:2;
}

#pInfoResponse {
    padding-top:10px;
    color:#337ab7;
}

#pPasswordResponse {
   padding-top:10px; 
   color:#337ab7;
}

#loginResponse {
    padding:20px;
    color:#337ab7;
}

#editInstanceResponse {
    padding: 2px 2px 2px 0px;
    display:inline;
    font-size:16px;
    color:#337ab7;
}

#addInstanceResponse {
    padding: 2px 2px 2px 0px;
    display:inline;
    font-size:16px;
    color:#337ab7;
}



.my-btn {
  //.button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border);
  color: #fff;
  background: #56B6CC;
  border-color: #006747;
}

.loginTitle {
  font-size:18px;
  font-weight:bold;
  padding-left:20px;
  padding-top:5px;
}