body {
	font-family: 'Roboto-Regular',sans-serif;
	min-height: 75rem;	/* For fixed navbar */
	padding-top: 4.5rem;	/* For fixed navbar */
	background: #eee;
	margin-bottom: 100px;
}


/*
**	"Fixes" for Bootstrap 4
*/
.btn-outline-danger:not([disabled]):not(.disabled).active,
.btn-outline-warning:not([disabled]):not(.disabled).active,
.btn-outline-success:not([disabled]):not(.disabled).active,
.btn-outline-primary:not([disabled]):not(.disabled).active {
	color: white !important;
	box-shadow: none !important;
}
input[type=radio] {
	display: none;		/* This hides the little radio box thingy */
}
.modal.fade .modal-dialog		/* Leaves the fade but removes the slide */
{
    -moz-transition: none !important;
    -o-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;

    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
}
.display-none {
	display: none;
}



/* Set font for all buttons across the board */
.btn {
	font-family: 'Roboto-Light',sans-serif !important;
}
.btn-bold {
	font-family: 'Roboto-Bold',sans-serif !important;
}


/* container-fluid normally goes edge-to-edge.  We want something wider than plain 'container' but still with some whitespace */
div.container-fluid {
	padding-left: 10%;
	padding-right: 10%;
}


/* These are the boxes on the login page */
.loginBox {
	background-color: white;
	padding: 40px;
	border-radius: 25px;
}
.logoBox {
	background-color: white;
	padding: 30px 0px;
	border-radius: 20px;
}


/* Little "information" icon */
.infoIcon { cursor: pointer; color: #0088BF; }
.infoIcon:hover { cursor: pointer; color: blue; }


/* This is the white-on-black look used at the top of tables */
.dashHeader {
	background-color: black;
	color: white;
	padding-top: 3px;
	padding-bottom: 3px;
}
.dashRow {
	padding-top: 3px;
	padding-bottom: 3px;
}


/* This is used for mega headers on each page */
h1 { font-size: 300%; }


/*
**	Rows in a list-style table should alternate between these two styles:
*/
.lowRow { background-color: rgba(0, 0, 0, 0.05); }
.highRow { background-color: rgba(0, 0, 0, 0.1); }


/*
**	The prog* styles are used by the "Progress meter" used on the dashboard and a few other places
*/
.progDiv {
	display: inline-block;
}
.progMeter {
	display: inline-block;
	width: 70px;
	color: white;
	text-align: center;
	font-size: 70%;
	height: 20px;
	padding-top: 0.1rem;
}
.progMeterWide {
	display: inline-block;
	width: 280px;
	color: white;
	text-align: center;
	font-size: 70%;
	height: 20px;
	padding-top: 0.1rem;
}
.progOpacity {
	opacity: 0.3 !important;
}


/*
**	Beautify text input boxes
*/
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-family: 'Roboto-Light';
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-family: 'Roboto-Light';
}
::-ms-input-placeholder { /* Microsoft Edge */
    font-family: 'Roboto-Light';
}
input[type="text"] {
	font-family: 'Roboto-Regular';
	color: #000;
}


/*
**	Handy shortcuts for fonts.
*/
.fontLight { font-family: "Roboto-Light" !important; }
.fontMedium { font-family: "Roboto-Regular" !important; }
.fontBold { font-family: "Roboto-Medium" !important; }
.fontHeavy { font-family: "Roboto-Bold" !important; }
.fontBlack { font-family: "Roboto-Black" !important; }

.fontBlue { color: #0088BF; }
.fontGreen { color: #00A368; }
.fontRed { color: #C40223; }
.fontYellow { color: #FFD300; }
.fontGray { color: #999999; }
.fontBrightBlue { color: blue; }

.fontSmaller { font-size: 50%; }
.fontSmall { font-size: 75%; }
.fontBig { font-size: 125%; }
.fontBigger { font-size: 150%; }
.fontBiggest { font-size: 200%; }

.fontMonoLight { font-family: 'RobotoMono-Light' !important; }
.fontMonoRegular { font-family: 'RobotoMono-Regular' !important; }
.fontMonoMedium { font-family: 'RobotoMono-Medium' !important; }
.fontMonoBold { font-family: 'RobotoMono-Bold' !important; }

.fontItalic { font-family: 'Roboto-Italic'; }