@charset "utf-8";

body {
    background-attachment: fixed;
    background-image: url("/Images/honey_comb_grey.png");
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: hsla(0,0%,100%,0.70);
    background-blend-mode: overlay;
    background-repeat: no-repeat;
}

table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td, th {
    text-align: left;
    padding: 8px; 
}

.table_text {
    color: white;
  text-shadow: 2px 2px 4px #000000;
}

.footer {

  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #222;
  color: white;
  text-align: center;
}

#main-table {
    border: 1px solid #dddddd;
	padding-top:50px;
	color: #fff; 
	background-color: #333;
	box-shadow: 10px 10px 5px #888;
}

#bar {
	box-shadow: 10px 10px 5px #888;	
}

.pointer {
    cursor: pointer;
}

._ordered {
    color: black;
    -webkit-animation: mymove 1.1s infinite;
    animation: mymove 1.1s infinite;
}

._dispatched {
	background-color:#7CF38B;
	color:#000;
}

._processing {
	background-color:#F7FF59;
	color:#000;
}

._complete {
	background-color:#FF6262;
	color:#000;
}

.page-link {
	color:white;
	background-color:Transparent;
	text-decoration: none;
}

.order_by {
	color:white;
	background-color:Transparent;
	text-decoration: none;
}

.order_by:hover, .order_by:active{
	color: white;
}

.modal-header {
    padding: 2px 16px;
    background-color: #333;
    color: white;
}
	
.modal-footer {
    padding: 2px 16px;
    background-color: #333;
    color: white;
}

.edit-form {
  display:table;
  margin:auto;
}

.print-table {
  border: none;  
}

/*.shadow { 
filter: drop-shadow(0.75px 0.75px 0.75px darkgrey);   
}*/
    
.navbar-shadow { 
box-shadow: 5px 10px 18px #444;
}
    
.affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
}

.affix + .container-fluid {
    padding-top: 70px;
  }


@media print {
  a[href]:after {
    content: none !important;
  }
}
@media print { 
  .action { 
    visibility: hidden; 
 } 
} 

@-webkit-keyframes mymove {
    from {background-color: #00FFFF;} 
    to {background-color: #FFF;}
}

@keyframes mymove {
	from {background-color: #00FFFF;}
    to {background-color: #FFF;}
}

@media screen and (max-width: 1315px) {
  div.top-nav {
    display: none;
  }   
  div.form {
    display: none;
  } 
}