@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Economica:ital,wght@0,400;0,700;1,400;1,700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

html, body {
	margin: 0;
	padding: 0;
	width: 100vw;
	height: 100vh;
	font-family: "Roboto", sans-serif;
}

a:hover,
a {
	color:  white;
}

/*===========================================================*/
/* Global Project Classes
/*===========================================================*/
.rollover {
	cursor:pointer;
	cursor:hand;
}
.strong, .bold {
	font-weight:  800;
}
.cover {
	background-size: cover;
	background-position:  center;
}
.cover.top {
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
}
#msg {
	position: fixed;
	top: 20vh;
	left: calc(50vw - 100px);
	width: 200px;
	padding: 30px;
	border-radius: 10px;
	background-color: black;
	color: white;
	text-align: center;
	display: none;
	z-index:  2000;
}
.small .bold,
.small {
	font-size:  .8em!important;
	line-height:  1em;
}
.xsmall {
	font-size:  .6em!important;
	line-height:  .6em;
}
emboss, strong.emboss {
	font-weight:  bolder;
	background: 
		linear-gradient(
			104deg,
			rgba(255,215,0,0) 0.9%,
			rgba(255,215,0,1.25) 2.4%,
			rgba(255,215,0,0.5) 5.8%,
			rgba(255,215,0,0.1) 93%,
			rgba(255,215,0,0.7) 96%,
			rgba(255,215,02,0) 98%),
		linear-gradient(
			183deg,
			rgba(255,215,0,0.1) 0%,
			rgba(255,215,0,0.3) 7.9%,
			rgba(255,215,0,0.2) 15%
		);
	padding: 0 5px;
	padding-right:  10px;
	-webkit-box-decoration-break: clone;
	margin: 0;
	border-radius: 5px;
}

/*===========================================================*/
/* Special Project Classes
/*===========================================================*/
.day-inside {
	position: relative;
	left:-50%;
	transform:translateX(-50%) translateY(-50%);
}
#infosdev {
	position: fixed;
	bottom: 10px;
	right: 10px;
}
#main-container {
	height: 100vh;
}
#main-container .row {
	height: 100%;
}
#main-container .row.auto {
	height: auto;
}
#main-container .col {
	overflow: auto;
}
.menu-list {
	font-size: .9em;
	line-height: 1.5em;
	margin-left: 20px;
	font-weight: 500;
}
.menu-list.active {
	font-weight: 700;
	margin-left: 6px;
}

.task-title {
	font-family: "Open Sans", sans-serif;
	font-size: ;
}
table .task-title {
	font-size: .9em;
}

ul.sections-list {
	margin-left: 23px;
}
	ul.sections-list li {
		font-size: 1em;
	}
.main-section.active {
	font-weight: 700;
}
.table-tasks {
	width: auto;
	min-width: 50%;
}

/*===========================================================*/
/* Special Bootstrap Modifiers
/*===========================================================*/
.text-blue {
	color:  #69abfc !important;
}
	.border-blue {
		border-color:  #69abfc !important;
	}
	.bg-blue {
		background-color:  #69abfc !important;
		color:  black;
	}
	.btn-blue {
		color:  white !important;
		background-color:  #69abfc !important;
	}
	.text-blue2 {
		color:  #a7ccf9 !important;
	}

.text-green {
	color:  #7fc3a8 !important;
}
	.border-green {
		border-color:  #7fc3a8 !important;
	}
	.bg-green {
		background-color:  #7fc3a8 !important;
		color:  black;
	}

.text-red {
	color:  #fa3d62 !important;
}
	.border-red {
		border-color:  #fa3d62 !important;
	}
	.bg-red {
		background-color:  #fa3d62 !important;
		color:  white;
	}

.text-yellow {
	color:  #d1c68e !important;
}
	.border-yellow {
		border-color:  #d1c68e !important;
	}
	.bg-yellow {
		background-color:  #d1c68e !important;
		color:  white;
	}

.btn-xs {
	padding:  2px 5px;
	line-height:  1em;
}
iframe.video {
	width:  var(--canvas-width);
	height:  calc(var(--canvas-width) / 1.88);
}
iframe.glow {
	-webkit-box-shadow:0px 0px 5px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);
}

/* Compiled CSS from Bootstrap 4's responsive embeds */
.embed-responsive {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden
}
.embed-responsive::before {
	display: block;
	content: ""
}
.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0
}
.embed-responsive-21by9::before {
	padding-top: 42.85714%
}
.embed-responsive-16by9::before {
	padding-top: 56.25%
}
.embed-responsive-4by3::before {
	padding-top: 75%
}
.embed-responsive-1by1::before {
	padding-top: 100%
}

/*===========================================================*/
/* COLORS
/*===========================================================*/

.text-blue {
	color:  #69abfc !important;
}
	.border-blue {
		border-color:  #69abfc !important;
	}
	.bg-blue {
		background-color:  #69abfc !important;
		color:  black;
	}
	.btn-blue {
		color:  white !important;
		background-color:  #69abfc !important;
	}

	.text-blue2 {
		color:  #a7ccf9 !important;
	}

.text-green {
	color:  #7fc3a8 !important;
}
	.border-green {
		border-color:  #7fc3a8 !important;
	}
	.bg-green {
		background-color:  #7fc3a8 !important;
		color:  black;
	}

.text-red {
	color:  #fa3d62 !important;
}
	.border-red {
		border-color:  #fa3d62 !important;
	}
	.bg-red {
		background-color:  #fa3d62 !important;
		color:  white;
	}

.text-banner {
	color:  silver !important;
}
	.border-banner {
		border-color:  silver !important;
	}
	.bg-banner {
		background-color:  gainsboro;
	}

/*===========================================================*/
/* OFFCANVAS
/*===========================================================*/
.offcanvas {
	margin-top:  0;
	margin-bottom:  0px;
	border:  dimgray solid 1px;
	border-right:  0;
	border-radius:  10px;
	border-top-left-radius:  0;
	border-bottom-left-radius:  0;
}
.offcanvas-start {
	width:  740px;
}

.offcanvas-body {
	padding-top: 0;
}

.offcanvas-body,
.offcanvas-body a,
.offcanvas-body a:hover,
.offcanvas-body p {
	font-size:  1.2em;
	color:  black;
}
.offcanvas-header {
	align-items: start;
	padding:  10px 1rem;
}

.offcanvas h1 {
	font-size:  1.5em;
	font-weight:  700;
}
.offcanvas h2 {
	font-size:  1.3em;
	font-weight:  700;
	margin-top:  30px;
	margin-bottom:  10px;
}
	.offcanvas h2:nth-of-type(1) {
		margin-top:  0;
	}
.offcanvas h3 {
	font-size:  1.3em;
	font-weight:  700;
}
.offcanvas h4 {
	font-size:  1.2em;
	font-weight:  700;
}
.offcanvas h5 {
	font-size:  1.1em;
}
.offcanvas ol.fa-ul,
.offcanvas ul.fa-ul {
	margin-left:  2em;
}
.offcanvas ol li,
.offcanvas ul li {
	font-size:  1.1em;
	line-height:  1.2em;
}
.offcanvas blockquote {
	border-left:  silver solid 2px;
	font-style:  italic;
	padding-left:  10px;
}