body {
  padding-top: 60px;
  background-color: #EEEEEE;
}

.page-container {
  position:absolute;
  width: 96%;
  left: 2%;
  top: 55px;
  z-index: 0;

  @media (min-width:1280px) {
    width:90%;
    left:5%;
  }
}


.login {
  max-width: 250px;
  margin-left: 50px;
  text-align: center;
}

.login input{
  margin-top: 10px;
  margin-bottom: 10px;
}

.login label{
  font-size: 18px;
}

.login button{
  margin-bottom: 10px;
}

.main-content{
  min-height: 500px;
}

.subtitle{
  margin-top: 30px;
  text-align: center;
}

.container-row{
  margin-top: 20px;
}
.table-users caption{
  font-size: 16px;
  padding-bottom: 10px;
}

.table-users th{
  text-align: center;
}

.table-users td{
  text-align: center;
}

.a-add-user {
  text-align: right;
}

.center-modal{
  text-align: center;
}

#loading-indicator{
  display:none;
  position: absolute;
  left: 10px;
  top: 10px;
}

.user-new {
  text-align: center;
}

.alert-new-user {
  font-size: 12px;
}

#map img {
max-width: none;
}

.modal-loading {
  display:    none;
  position:   fixed;
  z-index:    1000;
  top:        0;
  left:       0;
  height:     100%;
  width:      100%;
  background-color: #F9F9F9;
  background: rgba( 0,0,0,0.8) url('/images/ajax_loader.gif') 50% 50% no-repeat;
}

#search-save {
  margin-left: 20px;
  margin-bottom: 12px;
}

.row2{
  position:absolute;
  width:90%;
  left:5%;
}

.downloadImage {
   position: absolute;
    bottom: -18px;
    right: -40px;
    width: 48px;
    height: 48px;
    background: transparent url('/images/arrow.png') center center no-repeat;
    z-index: 99999;
    cursor: pointer;
}

.rotateLeft {
  position: absolute;
  bottom: 50px;
  left: -70px;
  width: 48px;
  height: 48px;
  background: transparent url('/images/arrow.png') center center no-repeat;
  z-index: 99999;
  cursor: pointer;
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  transform: rotate(90deg);
}

.rotateRight {
  position: absolute;
  bottom: 10px;
  left: -70px;
  width: 48px;
  height: 48px;
  background: transparent url('/images/arrow.png') center center no-repeat;
  z-index: 99999;
  cursor: pointer;
  -ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
  transform: rotate(-90deg);
}

.rotateSave {
  position: absolute;
  bottom: -40px;
  left: -70px;
  width: 48px;
  height: 48px;
  z-index: 99999;
  cursor: pointer;
  color: white;
}

.fancybox-title {
  font-size: 14px;
  margin-left: 10px;
}

.commentsBox {
  position: absolute;
  top: 20px;
  right: -300px;
  width: 200px;
  z-index: 99999;
  color: white;
}

@media (max-width:1280px) {
  .fancybox-nav {
    width: 60px;
  }

  .fancybox-nav span {
    visibility: visible;
    opacity: 0.5;
  }

  .fancybox-nav:hover span {
    opacity: 1;
  }

  .fancybox-next {
    right: -60px;
  }

  .fancybox-prev {
    left: -60px;
  }
}