body {
    background: #dde3e8;
    font-family: 'Open Sans', sans-serif;
}
      body#LoginForm{ background-image:url("http://vca.naxa.com.np/static/vca_assets/images/bg/Nepal_Mount_Everest_And_Ama_dablam.jpg"); background-repeat:no-repeat; background-position:center; background-size:cover; padding:10px;}

 
.form-heading { color:#fff; font-size:23px;}
.panel h2{ color:#fff; font-size:18px; margin:0 0 8px 0;}
.panel p { color:#777777; font-size:14px; margin-bottom:30px; line-height:24px;}
.login-form .form-control {
  background: #f7f7f7 none repeat scroll 0 0;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
}
.main-div {
  background: #31313191 none repeat scroll 0 0;
  border-radius: 2px;
  margin: 10px auto 30px;
  max-width: 38%;
  padding: 50px 70px 70px 71px;
}

.login-form .form-group {
  margin-bottom:10px;
}
.login-form{ text-align:center;}
.forgot a {
  color: #fff;
  font-size: 14px;
  text-decoration: underline;
}
.login-form  .btn.btn-info.log {
 color: #ffffff;
  font-size: 14px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0;
}
.forgot {
  text-align: left; margin-bottom:30px;
}
.botto-text {
  color: #ffffff;
  font-size: 14px;
  margin: auto;
}
.login-form .btn.btn-primary.reset {
  background: #ff9900 none repeat scroll 0 0;
}
.login-form {
    margin-top: 60px;
}
.create{
    color: #fff;
    font-size: 14px;
    float: right;
}
/*setup page*/
section#setup {
    background-color: #fff;
    padding: 40px;
    margin-top: 35px;

}

img.img-thumbnail.user {
    max-height: 175px;
}
.choose{
    margin-top: 10px;
}
.bg-blue{
  background-color:   #235db9;
  margin-top: 15px;
}
/*map*/
.list-group.list-group-flush.project {
    width: 340px;
    font-size: 15px;
    overflow-y: scroll;
    max-height: 527px;
}

a.list-group-item.list-group-item-action.active {
    background-color: #235db9;
}

section#map-page {
    overflow: hidden;
    padding: 6px;
}
button.btn.btn-info.btn-sm.bg-blue {
    background-color: #235db9;
    margin-top: 25px;
}


.over-map {
margin-top: -216px;
    z-index: 450;
    position: relative;
    float: right;
    right: 2px;
  }

  p.card-text.desc {
    font-size: 12px;
}
button.btn.btn-info.btn-sm.pop {
    font-size: 13px;
        background-color: #235db9;
}

.modal-header.new {
    background-color: #235db9;
    color: #fff;
    padding: 5px;
}

span.class {
    color: #fff;
}
label.title-left {
    float: left;
}
.modal-footer.foot {
    padding-top: 0px;
}
/*tool page*/
h1.text-center.main-title {
    text-align: center!important;
    padding: 230px;
    color: #ffff;
        text-transform: uppercase;
}

section#tool-page{
  background-image: url("http://www.tokkoro.com/picsup/2838318-mountain-beach-black-sand-dune-iceland-cliff-grass-clouds-landscape-nature___landscape-nature-wallpapers.jpg"); background-repeat:no-repeat; background-position:center; background-size:cover;);
}

.tool-desc {
    padding: 20px;
    text-align: justify;
        font-size: 16px;
}
.kit-desc{
  font-size: 15px;
}

section#elements {
    padding: 24px;
    background-color: #fff;
}
.row.text-center.toolkit {
    padding: 15px;
}
section#footer {
    background-color: #2a2a2a;
    color: #aaa;
    padding: 10px;
}


.text{
      position: absolute;
    z-index: 1000;
    width: 100%;
    text-align: center;
        margin-top: 35px;
}
.hexagon {
  position: relative;
  width: 200px; 
  height: 115.47px;
  background-color: #2dc997;
  margin: 57.74px 0;
  border-left: solid 1px #2dc997;
  border-right: solid 1px #2dc997;
  color: #fff;
}

.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 141.42px;
  height: 141.42px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 28.2893px;
}

.hexagon:before {
  top: -71.7107px;
  border-top: solid 0.8284px #2dc997;
  border-right: solid 0.8284px #2dc997;
}

.hexagon:after {
  bottom: -70.7107px;
  border-bottom: solid 0.8284px #2dc997;
  border-left: solid 0.8284px #2dc997;
}
.col-md-12.toole {
    padding-bottom: 25px;
}
