@font-face {
    font-family: RobotoMono-Regular;
    src: url(../font/RobotoMono-Regular.ttf);
}

@font-face {
    font-family: Roboto-Regular;
    src: url(../font/Roboto-Regular.ttf);
}

@font-face {
    font-family: Roboto-Bold;
    src: url(../font/Roboto-Bold.ttf);
}

@font-face {
    font-family: RobotoCondensed-Regular;
    src: url(../font/RobotoCondensed-Regular.ttf);
}


@font-face {
    font-family: TickingTimebombBB;
    src: url(../font/TickingTimebombBB.ttf);
}

blink, .blink {
  -webkit-animation: blink 1s step-end infinite;
  -moz-animation: blink 1s step-end infinite;
  -o-animation: blink 1s step-end infinite;
  animation: blink 1s step-end infinite;
}

@-webkit-keyframes blink {
  67% { opacity: 0 }
}

@-moz-keyframes blink {
  67% { opacity: 0 }
}

@-o-keyframes blink {
  67% { opacity: 0 }
}

@keyframes blink {
  67% { opacity: 0 }
}

.packbutton {
	
	margin-right:6px;
	margin-top:8px;
	margin-left:0px;
	margin-bottom:0px;
}

.modal-lg {
    width: 90%;
}

.waitScreen {
	display:none; 
	z-index:99;
	position:absolute;
	width:100vw;  /* adjust as per your needs */
	height:100vh;   /* adjust as per your needs */
	align-content:center;
	background-color:white;
	opacity: 0.7;
	padding:30px;
	background-image:url("loading-spinner.gif");
	background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 
	
}



#blackout {
      width:100%;
      height:100%; /* make sure you have set parents to a height of 100% too*/
      position: absolute;
      left:0; top:0;
      z-index:10 /*just to make sure its on top*/
	  
	  }
	  



td, th {
   
	padding: 5px;
	
}

body {
	
	font-family:Roboto-Regular;	
	background-color: #e5eef5;
	
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  margin-left: 8px;
  margin-top: 10px;
  margin-right: -8px;
}



.shipTableHead {
	font-family:Roboto-Bold;	
}

.shipData {
	font-family:Roboto-Bold;	
}
	
	

.shipTabs  > li > a {
	padding: 5px 10px; 
	font-weight:bolder;
}

.nav-tabs {
	
	background-color: white;
	
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	
	 background-color: #e5eef5;

}

.tab-content {
	
	background-color: #e5eef5;
	width:100%;
	
	
}


.shipScreen {
	padding:0px 15px 15px 15px;
}


.table-fixed thead {
  width: 100%;
  
}

.table-fixed tbody {
  height: 420px;
  overflow-y: auto;
  width: 100%;
}

.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed th {
  display: block;
  
}

.table-fixed tbody td, .table-fixed thead > tr> th {
  float: left;
  border-bottom-width: 0;
  padding: 3px;
}

.form-group {
	width:100%;
	margin-top:10px;
    margin-bottom: 0px;
}

.form-control {
	padding: 1px 10px;
    font-size: 18px;
    line-height: 1.1;
}



.buttonCol {
	 display:flex; 
	 align-items:center; 
	 justify-content: center;
}

.printQty {
	
	width:120px;
	font-size: 30px;
    line-height: 2;
	height:50px;
	
}

.btn-sm {
    padding: 4px 8px;
	
}