body {
  padding-top: 80px;
}
.inner {
  position: relative;
  max-width: 1024px;
  padding: 20px 10px;
  margin: 0 auto;
}

.sample-show-hide {
  padding:10px;
  border:1px solid black;
  background:white;
}

.sample-show-hide {
  -webkit-transition:all linear 0.5s;
  transition:all linear 0.5s;
}

.sample-show-hide.ng-hide {
  opacity:0;
}

.glyphicon.glyphicon-download {
    font-size: 100px;
    color:white;
}
.glyphicon.glyphicon-upload {
    font-size: 100px;
    color:white;
}
.glyphicon.glyphicon-cog {
    font-size: 100px;
    color:white;
}
.glyphicon.glyphicon-bullhorn {
    font-size: 100px;
    color:white;
}
.glyphicon.glyphicon-ok-sign {
    font-size: 100px;
    color:white;
}
a:hover {
  opacity: 0.95;
}
button:hover {
  opacity: 0.95;
}
.homebox {
    cursor: pointer;
    height: 17%; 
    width: 250px;
    margin: 3px;
} 
.homebox:hover {
    border: 2px;
    border-color: black;
    border-style: solid;
    opacity: 0.5;
}
.my-drop-zone { border: dotted 3px lightgray; }
.nv-file-over { border: dotted 3px red; } /* Default class applied to drop zones on over */
.another-file-over-class { border: dotted 3px green; }
#progressdiv {  
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 9999;
    background-color:grey;
    opacity: .8;
 }

#relogindiv {  
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 9999;
    background-color:grey;
    opacity: .8;
 }

.reloginlink {
    position: absolute;
    left: 40%;
    top: 50%;
    display: block;     
    z-index: 9999;
}

.ajax-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -32px; /* -1 * image width / 2 */
    margin-top: -32px;  /* -1 * image height / 2 */
    display: block;     
    z-index: 9999;
}

.steps-indicator {
  right: 0;
  bottom: 15%;
  left: 0;
  margin: 0;
  padding: 20px 0 0 0;
  height: 30px;
  list-style: none;
  position: fixed;
}
.wizard-footer {
  bottom: 20%;
  position: fixed;
  right: 15%;
  width: 70%;
}
.wizard-main {
  overflow-y: auto;
  min-height: 45%;
  position: absolute;
  width: 70%;
}
.wizard-header {
  padding:5px; 
  min-height:10%;
}
.list-item-small {
    position: relative;
    display: block;
    padding: 2px 2px;
    margin-bottom: -1px;
    background-color: #ffffff;
    border: 1px solid #ecf0f1;
    cursor: pointer;
}
.list-item-small:hover {
    position: relative;
    display: block;
    padding: 2px 2px;
    margin-bottom: -1px;
    background-color: #808080;
    color: black;
    border: 1px solid #ecf0f1;
    cursor: pointer;
    opacity: 0.7;
}

.list-item-small:active {
    position: relative;
    display: block;
    padding: 2px 2px;
    margin-bottom: -1px;
    background-color: #808080;
    color: black;
    border: 1px solid #ecf0f1;
    cursor: pointer;
}