html {
	height: 100%;
}

body {
	background-image: url(../images/image2.jpg);
	background-size: cover;
	background-position: center;
	font-family: Roboto, sans-serif;
	font-size: .9em;
}

table {
	padding: 0px;
	margin: 0px;
}

th, td {
	font-size: .85em !important;
	padding: .2rem !important;
	word-wrap: break-word;
	white-space: normal !important;
}

.highlight {
	background-color: #baf8b8 !important;
}

.wklocked {
	background-color: #f8cecc !important;
}

.bggray {
	background-color: #eeeeee !important;
}

hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.scrollable-column {
    height:100%;
    overflow:auto;
    padding:5px;
	width: 50vw;
}

.fixed-column {
    height:100%;
    padding:5px;
	width: 50vw;
}

.fixed-row {
    height:30vh;
    padding:5px;
}

.scrollable-row {
    height:50vh;
    overflow:auto;
    padding:5px;
}

.nav-link:hover {
	text-decoration: underline !important;
}

.nav-pills .nav-link.active {
	background-color: #85c1e9;
}

@media screen and (min-width: 601px) {
	.nav-item {
	  font-size: .9em;
	}
  }
  
@media screen and (max-width: 600px) {
	.nav-item {
	  font-size: .7em;
	}
  }

#indextitle {
	padding-top: 100px;
}

#menu {
	height: 95vh;
}

#main {
	margin-top: 10px;
	font-size: .8em;
	height: calc(95vh - 10px);
	overflow-y: auto;
}

#docsec {
	margin-top: 10px;
	font-size: .8em;
	/*
	max-height: 200px;
	overflow-y: auto;
	*/
}

.initcard,
.hidediv,
.hidemiles {
	display: none;
}

#showusers,
#existproj,
#btnGetAll,
#CardHeader,
#ExpHeader,
#VacForms,
#TimeDisplay,
#RevTSDisplay,
#RevExpDisplay,
#ExpDisplay,
#ShrdDisplay,
#VersionList,
#NewVersion  {
	display: none;
}

/*
#existproj,
#TimeScroll,
#VersionList {
	max-height: 200px;
	overflow-y: scroll;
	scrollbar-width: thin;
}
*/

#TimeDisplay,
#RevTSDisplay,
#RevExpDisplay,
#DeactProjDisp,
#DeactLocDisp,
#TSDisplay,
#ExpDisplay,
#ShrdDisplay,
#RptDisplay {
	/*
	max-height: 500px;
	overflow: auto;
	scrollbar-width: thin;
	*/
	background-color: #FFFFFF;
}

#LocSlotDiv {
	max-height: 40vh;
	overflow-y: scroll;
}

#ItmListDiv {
	max-height: 30vh;
	overflow-y: scroll;
}

/*
#CardDiv,
#TSDispForm,
#InvParts,
#InvAsmb {
	max-height: 500px;
	overflow-y: scroll;
	scrollbar-width: thin;
}
*/

/*** Modal Box Styles ***/

/* Modal Window */
.modal {
	display: none;
	position: fixed;
	z-index: 10;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }

  /* Modal Content Box */
  .modal-content {
	background-color: #fefefe;
	margin: 15% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
  }

  /* The Close Button */
  .close {
	color: #aaa;
	font-size: 28px;
	font-weight: bold;
  }

  .close:hover,
  .close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
  }

/*** Text and Sizing Styles ***/

.text-shadow {
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
}

.light-shade {
	background-color: #eeeeee;
}

.large-icon {
	font-size: 40px;
}

.mid-icon {
	font-size: 20px;
}

.input-small {
	font-size: 1em;
	padding: 3px;
}

.small-cell {
	font-size: .7em;
}

.logo {
	width: 175px;
}

.tab-active, .tab-active:hover{
	color: #FFFFFF;
	background-color: #0066FF;
}

/****  Spacing styles  ****/

.width-30 {
	width: 30%;
}

.width-40 {
	width: 40%;
}

.width-100 {
	width: 100%;
}

/**** Form Validation ****/

input:invalid {
	border: 1px solid red;
}

input:valid {
	border: 1px solid green;
}

select:invalid {
	border: 1px solid red;
}

select:valid {
	border: 1px solid green;
}

textarea:invalid {
	border: 1px solid red;
}

textarea:valid {
	border: 1px solid green;
}

/*** Help Text Display ***/

.popover {
	max-width: 60% !important;
}