@CHARSET "ISO-8859-1";

html, body {
	height: 100%;
	min-width: 1080px;
	min-height: 600px;
}

fieldset{
	border: 2px solid whitesmoke;
	border-radius:2px;
	padding:20px;
	
}

legend.legend-bold{
	font: bold 18px Verdana,sans-serif;
	color: white;
	padding: 1em 5em;
	border: 2px solid grey;
	text-align: center;
}

label{
	display: inline-block;
	text-align: left;
	width: 25%;
}

.background-image {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 1;
  display: block;
  background-image: url('/images/golback.jpg');
/*  width: 1200px;
  height: 800px;*/
  width: 100%;
  height: 100;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  /*filter: blur(5px);*/  
}
.bg-image {
  /*background-image: url("images/oghabback.png");*/
  background-image: url("images/test.svg");

  /*filter: blur(8px);*/
  -webkit-filter: blur(8px);

  height: 100%;

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bg-image2 {
  /*background-image: url("images/test.svg");*/
  background-image: url("images/cyber.svg");

/*  filter: blur(8px);
  -webkit-filter: blur(8px);*/

  height: 100%;
  width: 100%;
  

  background-position: center;
  background-repeat: no-repeat;
  /*background-size: cover;*/
}
.bg-text {
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */
  color: white;
  font-weight: bold;
  border: 3px solid #f1f1f1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  /*width: 80%;*/
  width: fit-content;
  padding: 20px;
  text-align: center;
}
.bg-text2 {
  color: white;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  /*width: 80%;*/
  width: fit-content;
  text-align: center;
}
body#container {
	position:relative;
	overflow:hidden;
    /*background-image: url('../images/dottedbg.png');*/
    background-image: url('images/oghabback.png');
    background-size: 100% 100%;
    height:100%;
    width:100%;
	display:flex;
	justify-content:center;
	
}

div#container {
	position:relative;
	overflow:hidden;
    /*background-image: url('../images/dottedbg.png');*/
    background-size: 100% 100%;
    height:100%;
    width:100%;
	display:flex;
	justify-content:center;
	
}
/*div#loginBox {	
	position:relative;
	top: 25%;
	background-color: steelblue;
	color: white;
	box-sizing:border-box;	
	border: 1px solid black;
	border-radius: 2px;
	box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.3);
	padding: 10px 20px;
    height: 330px;
    width:500px;
        
}*/
div#loginBox {	
	position:relative;
	top: 25%;
	background-color: steelblue;
	color: white;
	box-sizing:border-box;	
	border: 1px solid black;
	border-radius: 2px;
	box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.3);
	padding: 5px 5px;
/*    height: 330px;
    width:500px;*/
        
}

div#footer2 {
	background-color:lightgrey;
	font-family: Verdana,sans-serif;
	border: .5px solid whitesmoke;
	border-radius:2px;
	padding: 10px 20px;
	max-height:auto;
	max-width:auto;
}

input.submit {
	background-color: grey;
	padding: 5px 10px;
	color: white;
	display: inline-block;
	border-radius:4px;
	border: 1px solid whitesmoke;
	transition-duration:0.4s;
}

input.submit:hover {
	background-color: lightgrey;
	color:black;
}

input.theinput{
	font-family: Verdana,sans-serif;
	color:black;
	width:50%;
	boxsizing: border-box;
	border:1px solid grey;
	border-radius:4px;
	padding: 5px 10px;
}

input.theinput:hover {
	background-color: gainsboro;
}

.modal-header, h4, .close {
      background-color: firebrick;
      color:white !important;
      text-align: center;
      font-size: 30px;
  }
  .modal-footer {
      background-color: #f9f9f9;
  }
  
  div#footer{
  background-color: lightgrey;
  padding: 10px;
  height:100px;
  }