body {
  /*font-family: "Droid Sans Mono";*/
}

/*headers*/
h1, h2 {
  color: #3A444F;
  float: left;
}

.app-container{
  font-size: 16px;
}

.dbDate, .appVersion{
  font-size:12px;
}

.print-logo{
  display: none;
}

.logo-text{
  /*height: 50px;*/
  padding:10px;
}

.logo-text h1{
  font-size: 20px;
  padding:8px;
  margin: 10px 0 0;
}

.header{
  border-bottom:1px solid #e3e3e3;
  height:50px;
  padding:10px;
  font-size: 12px;
}

.sidebar {
  min-height: 100vh;
  height: 100%;
  width:100%;
  background-color: #3A444F;
}

ul.app-menu{
  list-style: none;
  margin:10px 0 0 0;
  padding:0;
}

.sidebar li{
  /*color: #fff;*/
}

.app-menu a{
  color: #fff;
  padding:10px;
  width:100%;
  display: block;
  /*border-radius: 5px;*/
  font-size:14px;
}

.sidebar a:hover {
   text-decoration: none;
   background-color: #000;
 }

.sidebar a.current {
  background-color: #fff;
  color: #3A444F;
}

.app-menu .fa{
  margin-right:10px;
}

.body{
  padding: 0;
  background-color: #fff;
  /*width:50%;*/
  /*text-align: center;*/
}

.page{
  padding-right:35px;
  padding-left:35px;
  padding-bottom: 35px;
  @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    padding-right: 10px;
    padding-left: 10px;
  }
}

/*@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {*/
/*  .page {*/
/*    padding-right: 10px;*/
/*    padding-left: 10px;*/
/*  }*/
/*}*/

#checkInForm{
  display:none
}

#select-roomtype ul{
  list-style: none;
  margin:0;
  padding:0;
}

#select-roomtype li{
  display: inline-block;
  padding:80px;
  margin:10px;
  background-color: #ddd;
  text-align: center;
  cursor: pointer;
  font-weight: bold;

}

#select-roomtype li a{
  color: #3A444F;
}

.bold-text{
  font-size:18px;
}

#app-info{
  /*text-align: center;*/
  /*!*font-weight: bold;*!*/
  /*!*font-size:16px;*!*/
}

#app-info span{
  padding:10px;
}

.search-box{
  margin:0 auto 0 auto;
}

.search-box input{
  margin:10px;
  height:40px;
}

.labelledField{
  padding:5px;
  border-bottom:1px solid #eee;
  margin:1px;
}

.labelledField label{
  width:150px;
}

.labelledField-lg{
  margin:0;
  font-size:20px;
  border-bottom:2px solid #eee;
}

.labelledField-lg label{
  width:250px;
}

.labelledField-inline {
  padding:5px;
  border-bottom:1px solid #eee;
  margin:1px;
  display: inline-block;
}

.labelledField-inline label{
  width:150px;
}

.spacer{
  margin-bottom:20px;
}


select{
  border-radius: 0;
  /*-webkit-appearance: none;*/
}

.card-encoder-gif{
  /*height:300px;*/
  /*background-color: darkgray;*/
  text-align: center;
}

.view{
  display:none;
}

.view-actionsx {
  /*float:right;*/
  margin-top:20px;
}

.view-actions {
  float:right;
  margin-top:20px;
}

.view-actions * {
  float: left;
  margin-right: 10px;
}

.view-actions:after{
  content: "";
  display: block;
  clear: both;
  height: 10px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .view-header .row {
    margin-bottom: 10px;
  }
}

.view-header:after {
  content: "";
  display: table;
  clear: both;
}

tr:hover{
  cursor: pointer;
}

.amountUnpaid{
  color:red;
}

.checkboxGroup{
  padding:10px;
}

.checkbox-block{
  display: block;
  font-weight: normal;
}

.btn-success {
  background-color: #000;
  border-color: #3A444F;
  /*#523893;*/
}

.btn-success:hover,  .btn-success:active, .btn-success:visited, .btn-success:focus{
  background-color: #3A444F !important;
  border-color: #000 !important;
}


.btn-positive {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-positive.focus, .btn-positive:focus {
  color: #fff;
  background-color: #449d44;
  border-color:#255625
}

.btn-positive:hover {
  color: #fff;
  background-color: #449d44;
  border-color:#398439
}

.btn-positive.active, .btn-positive:active, .open > .dropdown-toggle.btn-positive {
  color: #fff;
  background-color: #449d44;
  border-color:#398439
}

.dateFilter{
  margin-bottom:5px;
  margin-top: 15px;
}

.dateFilter input {
  font-size:12px;
}

.loadingOverlay{
  background-color: white;
  position:absolute;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  top:0;
  z-index: 900;
  text-align: center;
  display:none;
}

.loadingOverlay .loader{
  margin: 200px 0 auto 0;
  color: #3A444F;
}

.processOverlay{
  background-color: #3A444F;
  position:fixed;
  width: 100%;
  height: 100%;
  opacity: 1;
  top:0;
  left: 0;
  z-index: 2000;
  text-align: center;
}

.processOverlay .loader{
  margin: 200px 0 auto 0;
  color: #3A444F;
}

.overlayLogo{
  width: 300px;
  padding: 10px;
  margin: 100px auto 0 auto;
}

.processWindow{
  margin: 0 auto 0 auto;
  color:#fff;
  text-align: center;
}

.processWindow h1{
  color: #fff;
  float:none;
}

.processWindow iframe{
  /*width: 0px;*/
  /*height: 0px;*/
  display:none;
}



.table {
  font-size:14px;
}

.table thead{
  color: #fff;
  background-color: #3A444F;
}

.table th {
  font-weight: normal;
}

.table-hover tbody tr:hover {
  background-color: #c3b6e8;
}

.vertical-label{
  transform: rotate(270deg);
  white-space: nowrap;
  width:20px;
  margin-bottom:10px;
  display: inline-block
}

.fixed-header {
  overflow-y: auto;
  height: 200px;
}

.fixed-header table {
  border-collapse: collapse;
  width: 100%;
}

/*.tableFixHead th,*/
/*.tableFixHead td {*/
  /*padding: 8px 16px;*/
/*}*/

.fixed-header th {
  position: sticky;
  top: 0;
}

.footer{
  /*padding:10px;*/
  /*text-align: center;*/
  font-size:12px;
  /*background-color: #dddddd;*/
  position: fixed;
  bottom:0;
  color:#fff;
}

.print{
  display: none;
}

.profit-margin{
  display:none;
}

td.balanced{
  /*background-color: green;*/
  color:#666666;
}

td.short{
  /*background-color: red;*/
  color:red;
}

td.over{
  /*background-color: yellow;*/
  color:green;
}

.badge-danger {
  background-color: #dc3545;
  border-color: #d43f3a;
}

.cleaning-alert{
  display:none;
}

.badge-success{
  background-color: green;
}

.header .dropdown-menu li {
  padding:5px;
}

.input-group-btn button {
  border: 2px solid #000;
}