:root {
  --bg-color: #333;
  --fg-color: white;
  --font-size: 1.7vh;
}

body {
	background-color: #333;
	font-size: var(--font-size);
	color: white;
}

.flex-inline {
    display: flex;
    flex-wrap: nowrap;
}

#orders-app,
#projects-app,
#bins-app {
    display: none;
}



/*orders*/

#order-menu:hover {
	background-color: #333;
	color: white;
}

#orders-log {
	margin: 2vh;
}

#order-action-new-name-in,
#order-action-new-client-in,
#order-action-edit-client-in {
	font-size: var(--font-size);
	width: 10vh;
}

#order-action-new-desc-in,
#order-action-desc-in,
#order-action-edit-desc-in {
    font-size: var(--font-size);
	width: 100%;
}

#order-action-delta-in {
	font-size: var(--font-size);
	width: 8vh;
}


/*projects*/
#project-menu:hover {
	background-color: #333;
	color: white;
}

.project-thumbnail {
	width: 12vw;
	cursor: pointer;
}

#projects-action-new-name-in,
#projects-action-new-desc-in,
#projects-action-edit-desc-in,
#project-action-add-desc-in {
	font-size: var(--font-size);
	width: 100%;
}

#projects-action-new-linked-in,
#projects-action-edit-linked-in,
#projects-action-edit-state-in {
	font-size: var(--font-size);
}

#project-action-add-sn-in {
	font-size: var(--font-size);
	width: 12vh;
}

#project-action-add-order-in {
	font-size: var(--font-size);
	width: 9vh;
}

#project-action-add-rev-in {
	font-size: var(--font-size);
	width: 6vh;
}

#projects-log {
	margin: 2vh;
}


/**/

#topnav-btn-orders,
#topnav-btn-bins, 
#topnav-btn-projects {
	display: none;
}

#login-usr,
#login-pwd {
	font-size: var(--font-size);
}

#login-app {
	margin-top: 20%;
}