html,
body {
    height: 100%;
   
    
}
.container{
    
   top: 10%;
   margin-left:18%;
    
     
}
.wrap {
    min-height: 100%;
    height: auto;
    /*margin: 0 10px auto -60px;*/
    margin-top: 120px;
    padding: 0 0 60px;
    background-color: white;    
    background-repeat: no-repeat;
    background-position-y: 80px;
    background-position-x: 5px;
    
    
.wrap > .container {
    padding: 10px 15px 20px 10px;    
}
}
.footer {
    
    height: 60px;     
    border-top: 1px solid #ddd;
    padding-top: 20px;  
     
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: "\e151";
}

a.desc:after {
    content: "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view td {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}
 
.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}
.loginform{
    
    width: 40%;
    padding-top: 180px;
    padding-left: 120px;
    
    
}
.navbar-inverse {
    background-color:#003399;
    color: yellow;
}
.footer{
    background-color:lightskyblue;
    color: white;
}
.newspace{
    padding-top: 20px;
}

h3{
    align-content: center;
    color: #f00;

}
gridview{
    background-color: yellow;
}
#map{
        position: absolute;
        width: 320px;
        height: 320px;
        background-color: grey;
        padding: 10px 10px ;
 }
 .mymap{     
     position: absolute;
     left: 1%;
     top:220px;
 }
 .mylogo{
     position: absolute;
      left: 80% ; 
     background-image: url(../photos/logo.jpg) ;
     background-repeat: no-repeat;
     
 }
 h1{
     color: blue;
     font-size: 24px;
     text-align: center;    
     font-weight: bold;
     text-transform: uppercase;
 }
 h2{   
    color: red;
    font-size: 20px;

}
 h3{     
     color: green;
     font-size: 20px;
 }
 .textwidth{
     
     width: border-box;
 }
 .buttonback{
     background-color: black;
     width: 400px;
 }
 .stepbar{
     text-decoration: #00b3ee;
     text-align: center;
     color: blue;
     font-style: normal;
     
 }
 .stepbar .span{
     background-color: yellow;
 }
 .loginscreen{
   
    margin-top:150px;
}
.imglogo{
   display: block;        
   width: 600px;
   height:800px;
   background-image: url(../photos/chart1.png);
   background-repeat: no-repeat;
   margin: 2px 2px 14px 2px;  
   
}
.loginlogo{
   display: block;        
   width: 200px;
   height:140px;
   background-image: url(../photos/dimensions.png);
   background-repeat: no-repeat;
   margin: 2px 2px 14px 2px;
  
   
}
.homelogo{
   display: block;
   background-image: url(../photos/advice.jpg);
   background-repeat: no-repeat;
   margin: 2px 2px 14px 2px; 
    
}
.plana{
    display: block;
    background-color: #00CCFF;
    height: 200px; 
    display: block;
    color: black;
    text-align:   center;
    padding-top: 50px;
    border-radius: 50%; 
}
.planb{
    display: block;
    background-color: #ec971f;
    color:black; 
    height: 200px; 
    display: block;
    text-align:   center;
     padding-top: 50px;
    border-radius: 50%; 
    
}
.planc{
    display: block;
    background-color: green;
    color:white; 
    height: 200px;
    display: block;
    text-align:   center;
     padding-top: 50px;
    border-radius: 50%; 
    
}
 /* The sidebar menu */
.sidenav {
  height: 100%; /* Full-height: remove this if you want "auto" height */
  width: 220px; /* Set the width of the sidebar */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 0; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #003399; /* Black */
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 20px;
}

/* The navigation menu links */
.sidenav a {
  padding: 6px 8px 6px 16px;
  text-decoration: background;
  font-size: 14px;
  color: blue;
  display: block;
  margin: 2px 2px 2px 2px;
  text-align: left;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: black;
  animation: ease-in;
  background-color: lightpink;
  
}

/* Style page content */
.main {
  margin-left: 160px; /* Same as the width of the sidebar */
  padding: 0px 10px;
}
/* On screens that are less than 700px wide, make the sidebar into a topbar */
@media screen and (max-width: 700px) {
  .sidenav {
    width: 100%;
    height: auto;
    position: relative;
  }
  .sidenav a {float: left;}
  div.content {margin-left: 0;}
  
  .container {
    width: 100%;
    height: auto;
    position: relative;
  }
}

/* On screens that are less than 400px, display the bar vertically, instead of horizontally */
@media screen and (max-width: 400px) {
  .sidenav a {
    text-align: center;
    float: none;
  }
}
/*
/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) 
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}*/