body {
  background-color: #CCC;
}
.versiontext {
  color: #fff;
  padding: 5px;
  float: right;
}

.bottombox {
    background-color: #006c9b;
    height: 300px;
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
}

.bottombox .glyphicon {
    font-size: 200px;
    color: #125c7c;
    padding: 33px;
}

.bootstrap-dialog-header {
    margin-top: 5px;
    text-align: center;
}

.modal {
  text-align: center;
}

.modal-header {
  height: 50px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0076a3+0,0076a3+50,006c9b+51,006d9c+100 */
  background: #0076a3; /* Old browsers */
  background: -moz-linear-gradient(top,  #0076a3 0%, #0076a3 50%, #006c9b 51%, #006d9c 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #0076a3 0%,#0076a3 50%,#006c9b 51%,#006d9c 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #0076a3 0%,#0076a3 50%,#006c9b 51%,#006d9c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0076a3', endColorstr='#006d9c',GradientType=0 ); /* IE6-9 */
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-dialog {
  max-width: 320px;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  padding-bottom: 100px;
}

.sep {
  padding-top: 5px;
}

.copyrights {
  color: white;
  position: absolute;
  bottom: 10px;
  margin-left: 20px;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}