/*
general styles
*/

html, body {
	height: 100%;
	width: 100%;
}

/*
navbar affix
*/

  .affix {
      top:0;
      width: 100%;
      z-index: 9999;
  }
  .navbar {
      margin-bottom: 0px;
  }

  .affix ~ .container-fluid {
     position: relative;
     top: 50px;
  }

/*
general spacing
*/

div[class*='col-'] {
    padding: 25px;
}

#form-row {
	padding: 5px;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}

#form-row #form-text {
	width: 90%;
	font-style: normal;
	font-weight: normal;
}



/**/
/* additional sections */
/**/

#logo {
	max-height: 200px;
	background-color: rgb(252,254,253);
	color: #aaaaaa;
}
#logo img{
	display: block;
	margin: auto;
	padding: 5px 0px 0px;
	max-height: 200px;
	width: 100%;
	object-fit: contain;
}

#main-section {
	background: url(../images/4.jpg) no-repeat center center/cover fixed;
	color: rgb(252,254,253);
	min-height: 100%;
	padding: 0px 15%;
}

.vertical-align {
    display: flex;
    align-items: center;
	flex-wrap: wrap
}

li{
	padding-left: 32px;
    text-indent: -32px;
}
a{
	color: white;
}
h1{
	text-align: center;
}
h2{
	text-align: center;
}
input{
	color: rgb(0,0,0);
}
textarea{
	color: black;
}
output{
    font-size: 1em;
	color: rgb(0,0,0);
	display: inline-block;
	background-color: rgb(252,254,253);
}
#clear{
	font-size: 1em;
	opacity: 0;
	display: inline-block;
}
button{
	color: rgb(0,0,0);
}
.line-separator-grey {
	height: 2px;
	background: rgb(170,170,170);
	margin: 0px;
}
#main-section img {
    display: block;
    margin: auto;
}
#peBtn {
	position: fixed;
	bottom: 1%;
	right: 1%;
	z-index: 99;
	outline: none;
	width: 3.5em;
	height: -14em;
}
#bcolor {
	background: white;
	border: 3px solid rgb(170,170,170);
	border-radius: 10px;
}
#btext {
	text-align:center;
	font-weight: 900;
	font-size: 125%;
	color: black;
}
#bimage{
	background: url(../images/professor_empod/slim40.png);
	background-size: cover;
	border-radius: 7px;
}
.error { 
	color: #FF0000;
}
label {
	font-weight: normal;
	font-style: normal;
}



.my-container h1 {
    padding: 50px;
    text-align: center;
    z-index: 2;
    position: relative;
    color: #fff;
}