root
{
	--itep-Red:#9B2F2B;
	--itep-Blue:#122b4e;
	--itep-White:#ffffff;
}
body
{
	color: #000;
	background:#edf1f3;
	font-family: "Open Sans";
	font-size: 12px;
	font-weight: normal;
	line-height: 1.625em;
}
/* BOOTSTRAP OVERRIDES */
.btn-itep-blue
{
	background:#122b4e;
	color:#ffffff;
	border:0px;
	width:100%;
}
.btn-itep-blue:hover, .btn-itep-blue:focus
{
	background:#122b4e;
	color:#ffffff;
	border-color:transparent;
	outline: none;
	box-shadow: 0 0 0 0.25rem rgba(18, 43, 78, 0.25);
}
.btn-itep-red
{
	background:#9B2F2B;
	color:#ffffff;
	border:0px;
	width:100%;
}
.btn-itep-red:hover, .btn-itep-red:focus
{
	background:#9B2F2B;
	color:#ffffff;
	border-color:transparent;
	outline: none;
	box-shadow: 0 0 0 0.25rem rgba(155, 47, 53, 0.25);
}
.btn-itep-narrow
{
	width:initial;
}
.card
{
	margin-bottom:1.5rem;
	box-shadow: 0px 3px 4px rgba(0,0,0,.1);
}
.itep-full-padded
{
	padding-left:20px;
	padding-right:20px;
}
/* STRUCTURAL ELEMENTS */
.itep-navbar
{
	box-shadow: 0px 5px 10px rgba(0,0,0,.1);
}
.itep-content
{
	padding-top:25px;
	padding-bottom:30px;
	min-height:100vh;
}
.itep-general-wrapper
{
	background-color: transparent;
	background-image: url('/img/bg-line-graph-with-shaded-area-2021.png');
	background-attachment: scroll;
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: 40%;
	padding-bottom:75px;
	padding-top:35px;
	min-height:100vh;
}
.itep-footer-red
{
	background-color:#9B2F2B;
	color:#ffffff;
	min-height:100px;
}
.itep-footer-blue
{
	background-color:#122b4e;
	color:#ffffff;
	min-height:100px;
}
.itep-ela-right
{
	text-align:right;
}
.itep-txt-header-user
{
	font-size:1em;
}
/* TABLE & UI FORMATTING */
option
{
	color: #000;
	font-family: "Open Sans";
	font-size: 12px;
	font-weight: normal;
	line-height: 1.625em;
}
select,label,textarea,input,table,td,tr
{
	color:#000!important;
}
label
{
	font-weight:bold!important;
}
svg 
{
	margin-left: 10px;
}
.dark-hr
{
	   mix-blend-mode: multiply;
}
#content
{
	padding-bottom:30px;
	min-height:100vh;
}
.level-a-container
{
	border:1px solid #000;
	border-left:10px solid #000;
	background-color:#e4edf1;
	margin-bottom:20px;
}
.level-b-container
{
	border:1px solid #000;
	border-left:5px solid #000;
	background-color:#e4edf1;
	margin-bottom:40px;
}
.level-c-container
{
	border:1px solid #000;
	border-left:3px solid #000;
	border-color:inherit;
	background-color:#e4edf1;
	padding:30px;
	margin-bottom:40px;
}
.advanced-container
{
	border:1px solid #000;
	border-left:3px solid #000;
	border-color:inherit;
	background-color:#c8d2df;
	padding:30px;
	margin-bottom:40px;
}
.level-a-legend
{
	background-color:#fefefe;
	border-top-left-radius:11px;
	color:#122b43;
	font-weight:bold;
	font-size:1.25em;
	border:1px solid #000;
	border-left:10px solid #000;	
	padding:10px 10px;
	width:50%;
	text-align:left;
	margin-top:15px;
	margin-bottom:-1px;
}
.level-b-legend
{
	background-color:#fefefe;
	border-top-left-radius:11px;
	color:#122b43;
	font-weight:bold;
	font-size:1.25em;
	border:1px solid #000;
	border-left:5px solid #000;	
	padding:10px 10px;
	width:50%;
	text-align:left;
	margin-top:15px;
	margin-bottom:-1px;
}
.level-c-legend
{
	background-color:#fefefe;
	border-top-left-radius:11px;
	color:#122b43;
	font-weight:bold;
	font-size:1.25em;
	border:1px solid #000;
	border-left:3px solid #000;	
	padding:10px 10px;
	width:50%;
	text-align:left;
	margin-top:15px;
	margin-bottom:-1px;
}
.advanced-legend
{
	background-color:#122b4e;
	border-top-left-radius:11px;
	color:#c8d2df;
	font-weight:bold;
	font-size:1.25em;
	border:1px solid #000;
	border-left:3px solid #000;	
	padding:10px 10px;
	width:50%;
	text-align:left;
	margin-top:15px;
	margin-bottom:-1px;
}
.uk-table caption, label
{
	color:#122b43!important;
	font-weight:bold;
	font-size:1.25em;
}


.level-blue
{
	border-color:#122b4e;
}
.level-red
{
	border-color:#9B2F2B;
}
.level-gray
{
	border-color:#666666;
}
uk-modal
{
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter:blur(10px);
	backdrop-filter: saturation(0);
	-webkit-backdrop-filter: saturation(0);
}
.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle
{
	min-height:0px;
}
.uk-alert
{
	margin-top:0px;
	margin-bottom: 0px;
}
.uk-input, .uk-select:not([multiple]):not([size])
{
	margin-right:0px;
}
.uk-legend
{
	width:initial;
}
.uk-card-body
{
	padding:10px;
}
	
.uk-offcanvas-bar
{
	background:#122b4e;
}
.itep-short
{
	padding:0px 10px;
}
.itep-group-condition
{
	
	background-color:#d4efe7;
	border:1px solid #000000;	
	margin-top:15px;
}
.uk-table th
{
	color:#122b4e;
	font-weight:bolder;
}


#LoginLogo
{
	height:100px;
	display:block;
	margin: 10px auto;
}


button.itep-btn
{
	background:#9B2F2B;
	border:1px solid #9b2f2b;
	border-radius:5px;	
	color:#ffffff;
	font-size:18px;
	padding:5px;
	margin-right:10px;
	transition:background 1s, border 1s;
}
button.itep-btn:hover
{
	background:#122b4e;
	border:1px solid #122b4e;
	border-radius:5px;
	color:#ffffff;
	font-size:18px;
	padding:5px;
	transition:background 1s, border 1s;
}
.itep-group-condition-legend
{
	background-color: #d4efe7;
	color: #122b4e;
	font-weight: bold;
	font-size: 1.25em;
	border: 1px solid #122b4e;
    border-bottom-color: rgb(18, 43, 78);
    border-bottom-style: solid;
    border-bottom-width: 1px;
	padding: 3px 11px;
	margin-bottom: -1px;
	margin-left: -16px;
	border-top-left-radius: 11px;
	border-bottom: 0px;
	border-bottom-right-radius: 11px;
}
.itep-conditions-legend
{
	background-color: #bbe1d6;
	color: #122b4e;
	font-weight: bold;
	font-size: 1.25em;
	border: 1px solid #122b4e;
    border-bottom-color: rgb(18, 43, 78);
    border-bottom-style: solid;
    border-bottom-width: 1px;
	padding: 3px 11px;
	margin-top:15px;
	margin-bottom: -1px;
	margin-left: -16px;
	border-top-left-radius: 11px;
	border-bottom: 0px;
	border-bottom-right-radius: 11px;
}
.itep-conditions
{
	background-color: #bbe1d6;
	border:1px solid #122b4e;	
	border-left:1px solid #122b4e;
	margin-top:15px;
	margin-bottom:15px;	
}
.itep-condition-legend
{
	background-color: #e8eff9;
	color: #122b4e;
	font-weight: bold;
	font-size: 1.1em;
	border: 1px solid #122b4e;
    border-bottom-color: rgb(18, 43, 78);
    border-bottom-style: solid;
    border-bottom-width: 1px;
	padding: 3px 11px;
	margin-bottom: -1px;
	margin-left: -16px;
	border-top-left-radius: 11px;
	border-bottom: 0px;
	border-bottom-right-radius: 11px;
}
.itep-advanced-tool
{
	background-color: #ece9f1;
	border:1px solid #122b4e;	
	border-left:1px solid #122b4e;
	margin-top:15px;
	margin-bottom:15px;	
}
.itep-advanced-tool-legend
{
	background-color: #ece9f1;
	color: #122b4e;
	font-weight: bold;
	font-size: 1.25em;
	border: 1px solid #122b4e;
    border-bottom-color: rgb(18, 43, 78);
    border-bottom-style: solid;
    border-bottom-width: 1px;
	padding: 3px 11px;
	margin-bottom: -1px;
	margin-left: -16px;
	border-top-left-radius: 11px;
	border-bottom: 0px;
	border-bottom-right-radius: 11px;
}
.itep-parameter
{
	background-color: #fcfafa;
	border:1px solid #9B2F2B;	
	border-left:3px solid #9B2F2B;
	margin-top:0px;
	padding:30px;
	margin-bottom:15px;	
}
.itep-parameter-legend
{
	background-color: #fcfafa;
	color: #122b4e;
	font-weight: bold;
	font-size: 1.25em;
	border: 1px solid #9B2F2B;
	border-left:3px solid #9B2F2B;
	border-bottom:0px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
	padding: 3px 11px;
	margin-bottom: -1px;
	margin-left: -33px;
	border-top-left-radius: 11px;
	border-bottom: 0px;
	border-bottom-right-radius: 11px;
}

.legend-detail
{
		font-weight:normal;
		font-style:italic;
		font-size:.9em!important;
}
.container-note
{
		font-weight:normal;
		font-style:italic;
		font-size:1.1em;
}

.itep-condition
{
	background-color: #e8eff9;
	border:1px solid #122b4e;	
	border-left:1px solid #122b4e;
	margin-top:15px;
	margin-bottom:15px;
}
.itep-tvalue
{
	background:transparent!important;
	font-family: "Open Sans";
	font-size: 12px;
	font-weight: normal;
	line-height: 1.625em;
	width:100%;
	text-align:right;
}
th > .itep-tvalue
{
	background:transparent!important;
	font-family: "Open Sans";
	font-size: 12px;
	font-weight: bold;
	line-height: 1.625em;
	width:100%;
	text-align:right;	
}

/* TEXT FORMATTING */

h1
{
	color: #122b4e;
	text-decoration: none;
	padding-left: 1px;
	padding-right: 1px;
	display: block;
	margin-block-start: 0em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: 400;
	font-family: Oswald,serif;
	line-height: 1.25em;
	font-size:45px;
}
h2
{
	color: #122b4e;
	text-decoration: none;
	padding-left: 1px;
	padding-right: 1px;
	display: block;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: 400;
	font-family: Oswald,serif;
	line-height: 1.25em;
	font-size:30px;
}
h3
{
	color: #122b4e;
	text-decoration: none;
	padding-left: 1px;
	padding-right: 1px;
	display: block;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: 400;
	font-family: Oswald,serif;
	line-height: 1.25em;
	font-size:24px;
}
h4
{
	color: #122b4e;
	text-decoration: none;
	padding-left: 1px;
	padding-right: 1px;
	display: block;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: 400;
	font-family: Oswald,serif;
	line-height: 1.25em;
	font-size:18px;

}
.itep-footer-blue h4
{
	color:#ffffff;
	font-weight:600px;
	font-size:1.75em;
}
h5
{
	color: #122b4e;
	display: block;
	font-weight: 400;
	font-family: Oswald,serif;
	line-height: 1.25em;
	font-size:18px;

}
p
{
	font-size:1.3em;
	margin-bottom:1em;
}
a
{
	color:#9B2F2B;
	transition: color 1s;
	
}
a:hover
{
	color:#122b4e;
	transition: color 1s;
}
/* SIDEPANEL FORMATTING */
.sidenav 
{
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #122b4e;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 35px;
  border-right:1px solid #edf1f3;
  box-shadow: 1px 0px 3px rgba(0,0,0,.15);
}
.sidenav h4
{
	color:#ffffff;
	margin-left:10px;
}
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 1.25em;
  color: #ffffff;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: rgba(255,255,255,.8);
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

#main {
  transition: margin-left .5s;
  padding: 16px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 1.25em;}
}