body { margin-bottom: 40px; /* margin-bottom is height of footer */

  background: url('images/potatislandet-20140702_085915.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
html { position: relative; min-height: 99%; }

.container-fluid {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;  
}

.container-nobg {
  background: inherit;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;   
}

.app-footer { background-color: #ddd; position: absolute; bottom: 0; width: 100%; height: 40px; /* equal to margin-bottom in body */ line-height: 40px; /* Vertically center the text there */ }
.container-footer { background-color: #ddd; padding-top: 10px; }
.container-main { margin-top: 80px; }
.app-header { padding: 0; color: #000; }
.app-header .navbar { padding: 0; }
.app-header.fixed-top { padding: 0; }

.alert-login p { margin: 4px; }
.container-header { background-color: #fff; border-bottom: 4px solid #533D2F; padding-top: 10px; padding-bottom: 10px;}
.alert-login .fas { font-size: 16pt; position:relative; top: 2px; display: inline-block; }

.card-bottom-space { margin-bottom: 10px; }
.card .alert.alert-danger button.btn-transparent, .card .alert.alert-success button.btn-transparent { 
	border: 0; background: inherit; font-size: 16pt; position: relative; top: -15px; left: 20px;
}
.card.error_message, .card.success_message, .card.warning_message { background: inherit; }

.card.error_message .alert, .card.success_message .alert, .card.warning_message .alert{
  margin: 0;
  padding: 0;
}

.card.error_message p, .card.success_message p, .card.warning_message p{
  padding: 5px 10px;
}

.card.error_message .alert h5 button, .card.success_message .alert h5 button, .card.warning_message .alert h5 button{
padding: 0px 4px;
font-size: 14pt;
  margin-top: 10px;
  margin-right: 10px;
    color: #444;
  background: none !important;
  box-shadow: none !important;
}
.card.warning_message .alert h5 button { margin-top: -6px; margin-right: -8px; font-size: 16pt;}
.card.error_message .card-body.alert-danger .card-title {
  background-color: #FCB3B0;
  padding: 5px 10px;
}

.card.success_message .card-body.alert .card-title {
  background-color: #B3DDC1;
  padding: 5px 10px;
}

.card.warning_message .card-body.alert .card-title {
  background-color: #F9D884;
  padding: 5px 10px;
}

.dataTables_wrapper { padding: 0 !important;  }
.dataTables_wrapper .dataTables_processing { clear: both; display: block; background: inherit; background-color: #343434; color: #fff;  width: 262px !important; height: 72px !important; font-size: 12pt; text-align: center; z-index: 9999 !important; position: fixed !important; left: 45% !important; top: 35% !important;}
.dataTables_paginate li:hover { background: none !important; border: 0 !important; }
.dataTables_paginate ul { margin: 0 !important; padding-bottom: 20px; }
.dataTables_paginate ul li { padding: 0px 5px !important;}

#modal-messages { z-index: 9999; }
.modal-dim * { background-color: #888 !important; border-color: #888 !important; color: #888 !important; box-shadow: none !important; }

.btn-inverse {
  background-color: #474747; color: #fff;
}

@media (min-width: 792px) {
  .card-login { margin-top: 15%; }
}

.product-description {
  max-height: 80px;
  position: relative;
  overflow: hidden;
}
.product-description .read-more { 
  position: absolute; 
  bottom: 0; 
  left: 0;
  top: 10px;
  width: 100%; 
  text-align: center; 
  margin: 0; padding: 30px 0; 

  /* "transparent" only works here because == rgba(0,0,0,0) */
  background-image: linear-gradient(to bottom, transparent, #DEDEDE);
}

.form-control-number { display: inline-block; width: 100px; }

.btn-send-order {
  display: block;
  margin: 0 auto;
}

@media (min-width: 792px) {
  .visible-md { display: inline-block; }
  td.visible-md, th.visible-md { display: table-cell; }
  .hidden-md { display: none; }

  #warehouse-table { float: left; width: 60% !important; }
}

@media (max-width: 791px) {
  .visible-md { display: none; }
  .hidden-md { display: inline-block; }
  .hidden-md.block { display: block; }

  #warehouse-table { width: 100% !important; }
}

.btn-xs {
  padding: 2px 8px;
  font-size: 10pt;
}
.datepicker-days .red-date,
.datepicker-days .day.disabled { color: tomato; } /* colormark disabled dates */

.navbar-brand img { width: 220px; height: auto; }
.delete-row { padding: 8px;}
.select2-results__option[aria-selected=true] { display: none; } /* hide already selected in select2 */

#product_price { min-width: 110px; } /* safari displays a very small box, therefore min-width */

.badge-dropdown { width: 16px; height: 16px; }
.badge-dropdown-item:hover { background-color: #bad5ff; }
.dropdown .fa-caret-down { margin-top: 3px; }

#warehouse-table_info { display: none; }

.modal-warehouseproduct .btn-warehouseproduct-close { margin-right: -36px;}

.btn-print-single { padding: 4px 6px; font-size: 10pt; }
.btn-print-all { padding: 4px 6px; font-size: 10pt; margin-right: 20px; }