html,
body {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 10px;
  height: 100%;
    background-color: #004176;
  min-width: 512px;
  font-family: Arial, Helvetica, sans-serif;
  font-size : 100%
}

#container {
  height: 100%;
  position: relative;
}

#header-background {
  background-color: white;
  padding: 0px;
  height: 80px;
  border: 0px;
  min-width: 512px;
}

#thenavbar {
  height: 113px;
}

#body {
  padding: 5px;
  /* height: set height in the site specific .css file; */
  background-color: #004176;
  min-width: 512px;
}

#text-area {
  background-color: white;
  padding: 10px;
  padding-top: 2px;
  text-align: left;
}

#mission-area {
  background-color: rgb(240, 240, 240);
  border: 2px solid #004176;
  border-radius: 15px;
  padding: 10px;
  width: 95%;
  margin : auto;
}


.column {
	float: left;
	width: 33%;
  margin-top: 20px;
  margin-bottom: 10px;
}
.row{
  padding: 10px;
  display: flex;
  justify-content: center;
}
.row:after {
	content: "";
	display: table;
	clear: both;
}

* {
  box-sizing: border-box;
}

.boxlayout {
  display: flex;
}
.box-emptry{
  width: 25px;
}
.box-quick {
  background-color: #fff;
  border: 2px solid #000000;
  width: 25px;
}

.box-user {
  background-color: rgb(2, 61, 107);
  border: 2px solid #000000;
  width: 25px;
}

.box-technical {
  background-color: rgb(48, 169, 59);
  border: 2px solid #000000;
  width: 25px;
}

.box-general {
  background-color: rgb(0, 0, 0);
  border: 2px solid #000000;
  width: 25px;
}

.right-items {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  width: calc(100% - 20px);
}