/*
*
* SDEC Inventory 
*
* By Roderick Young
* 2022
*
-------------------------------------------------- */

/* General 
-------------------------------------------------- */
a {
	text-decoration: none;
	color: inherit;
}

button:disabled { 
	pointer-events: none;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

body > .container, body > .container-fluid {
	padding: 85px 15px 0;
}

html {
	position: relative;
	min-height: 100%;
}

td, th {
	min-width: 80px !important;
}
th {
	z-index: 1000;
}
td {
	positive: relative;
	z-index: 0.99;
}

/* Classes
-------------------------------------------------- */

.btn {
	--bs-btn-line-height:1;
}

.dropdown-menu {
	z-index: 2000;
}

.footer {
	margin-top: auto;
	/* Set the fixed height of the footer here */
	height: 10wh;
	/*line-height: 60px; /* Vertically center the text there */
	background-color: #f5f5f5;
}

.footer > .container {
	padding-right: 15px;
	padding-left: 15px;
}

.navbar {
	padding-bottom:0;
	background-color: #3b5998;
	z-index:1;
}

.navbar-brand {
	margin-left: 5vw;
}

.toast {
	--bs-toast-max-width:none; 
	--bs-toast-border-width:0;
}

.form-check-input:checked {
    background-color: deepskyblue;
    border-color: skyblue;
}

.form-switch .form-check-input {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='deepskyblue'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='skyblue'/%3e%3c/svg%3e");
}

.disabled-input {
	height: 100%;
    background-color: #eee;
    border: 1px solid lightgrey;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    height: calc(3.5rem + 2px);
    line-height: 1.25;
    border-radius: 0.375rem;
    box-sizing: border-box;
	width:30%;
}

/* Spinner
-------------------------------------------------- */

@-webkit-keyframes spinner { /* For Safari */
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spinner {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.spin-it {
   -webkit-animation: spinner 1s linear infinite; /* Safari */
   animation: spinner 1s linear infinite;
}

 
/* Loader
-------------------------------------------------- */
.loader {
	display:none;
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Fixed Header table
-------------------------------------------------- */
.table-responsive {
	max-height:60vh;
	overflow:scroll;
	display:block;
} 
.table-responsive thead tr:nth-child(1) th{
	position: sticky;
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	top: 0;
	/*z-index: 10;*/
}

/* Print setup
------------------------------------------------- */

@media only print {
	@page {
		size: A4 landscape;
		max-height:100%;
		max-width:100%
	}
	html,body {
		height:100%;
		margin:0;
		padding:0;
		zoom: 80%;
	}
	thead{
		display:table-row-group;
	}
	.fixed-top {
		position: relative;
	}
	.table-responsive {
		max-height: none;
		overflow: hidden;
	}
	.table-responsive td,
	.table-responsive th {
		word-wrap: break-word;
	}
	.footer, #commands, #subcommands {
		display:none !important;
	}
	.pdf-page-break {
		page-break-before: left; 
		page-break-before: left; 
	}
}