html {
  position: relative;
  min-height: 100%;
}


body {
    background-color: #8CB97B;
    overflow-x: hidden;
    margin-top:100px;
    
    margin-bottom: 40px;  /*for sticky footer */
}

#page-container {
    position: absolute;
}

#on-top {
    position: fixed;
}

.row {
    margin-left: 20px;
    margin-right: 20px;
}

.help-block {
    font-size: 12px;
}

.inline {
   display:inline-block;
   /*float: right;*/
   margin-right:5px;
}

.btn-space {
    margin-bottom: 20px;
    padding-left: 5px;
}

/*.viewplace {
    margin-top: 100px;
}*/

.col-sm-6 {
    background-color: #8CB97B;
    /*margin-top: 100px;*/
    margin-left: 40px;
    min-height: 0px;
}

.col-sm-4 {
    background-color: #8CB97B;
    float: right;
    min-height: 0px;
}

#welcome {
    padding-left: 40px;
    
}

h4 {
    margin-left: 10px;
}

/*.navbar {
    height: 70px;
}*/

.navbar-brand {
    min-height: 50px;
    padding: 10px 10px;
}

.nav-bar {
    margin-left:100px;
    margin-top: 10px;
}

.navbar-nav {
    margin-top: 12px;
}

.navbar-default {
    border-color: blue;
}

.navbar-fixed-top {
    border-width: 0 0 3px;
}

.active {
    margin-left: 20px;
}

.pull-right {
    margin-top: 12px;
}

.formbackground {
    background: rgba(255,255,255,0.4);
    padding: 10px;
}

#menuham {
    margin-right: 15px;
}

#bottomfooter {
  /*position: absolute;
  bottom: 0;
  width: 100%;*/
  /* Set the fixed height of the footer here */
  height: 20px;
  background-color: #f5f5f5;
}

.ng-aside .modal-content {
  min-width: 320px;
}


/* from https://www.ng-book.com/p/Angular-Animation/ */

.fadeIn {
  -webkit-transition: 1.5s linear all;
  transition: 1.5s linear all;
}
.fadeIn.ng-enter {
  opacity: 0;
} 
.fadeIn.ng-enter.ng-enter-active {
  opacity: 1;
} 
.fadeIn.ng-leave {
  opacity: 0;
} 
.fadeIn.ng-leave.ng-leave-active {
  opacity: 0;
}

/* from http://plnkr.co/edit/Ul1rg0MmIXU6eiLxdL80?p=preview */

.slide-up-animation.ng-enter {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255,255,255,0.4);
  z-index: 100;
  -webkit-transition: 1.5s all linear;
  transition: 1.5s all linear;
  margin-left: 100%;
}

.slide-up-animation.ng-enter.ng-enter-active {
  margin-left: 0;
}

.slide-up-animation.ng-leave {
    opacity: 0;
  /*position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
  transition: 1s all linear;
  -webkit-transition: 1s all linear;
  margin-top: 0;*/
}

.slide-up-animation.ng-leave.ng-leave-active {
    opacity: 0;
   /*bottom: 1px;*/
}

.page1 {
  color: red;
}

.page2 {
  color: blue;
}


.l-one-whole {
  position: relative;
  overflow: hidden;
  min-height: 400px;
}
.slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.slide.ng-enter,
.slide.ng-leave {
  transition: all 1.0s ease;
}
.slide.ng-enter {
  transform: translate(100%, 0);
}
.slide.ng-enter-active {
  transform: translate(0, 0);
}
.slide.ng-leave {
    opacity: 0;
  /*transform: translate(0, 0);*/
}
.slide.ng-leave-active {
    opacity: 0;
  /*transform: translate(-100%, 0);*/
}