html, body {
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	background: #fff;
}

.board {
	max-width: 1200px;
	margin-top: 0px;
	margin-left: 10px;
}

hr {
	height: 1px;
	background: #666;
	margin-top: 10px;
	border: 0;
}


.grey_text {
	color: #666;
}

.rubrik_text {
	font-size: 24px;
}

.small_grey_text {
	color: #666;
	font-size: 12px;
/*	background: #ccc; */
}

/* DELETE DIALOG start */
.dialog {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 20px;
}

.dialog_yes_no {
	max-width: 300px;
	margin-top: 80px;
	margin-left: 10px;
	background: #ccc;
	border-radius: 4px;
}

.delete_no_btn, .delete_yes_btn {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 4px;
}

.delete_yes_btn {
	background: #f00;
}

.delete_no_btn {
	background: #fff;
}

/* DELETE DIALOG - slut */

/* START - Login page (index.php) ############################  */
.login {
	font-family: Arial, sans-serif;
	display: flex; justify-content: center;
	margin-top: 100px;
	background: #fff;
}

.box {
	background: #ddd;
	padding: 2rem;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	width: 300px;
}

h2 {
	margin-top: 0;
}

button, input[type=submit] {
	width: 120px;
	height: 35px;
	margin-top: 10px;
	margin-left: 0px;
	background: #ccc;
	color: black;
	border: 1px solid #000;
	border-radius: 4px;
	cursor: pointer;
}

button:hover {
	background: #999;
}

.error {
	color: red;
	font-size: 0.9rem;
}
/* SLUT - Login page (index.php) ############################  */

h2.rubrik {
	margin: 14px;

}

/* ID */
.rubrik1 {
	display: inline-block;
	width: 28px;
	text-decoration: underline;
	text-align: center;
}

/* Prio */
.rubrik2 {
	display: inline-block;
	width: 65px;
	text-decoration: underline;
	text-align: center;
}

/* Rubrik */
.rubrik3 {
	display: inline-block;
	width: 360px;
	text-decoration: underline;
	text-align: left;
}

/* Underleverantör */
.rubrik4 {
	display: inline-block;
	width: 160px;
	text-decoration: underline;
	text-align: left;
}

/* Externt ID */
.rubrik5 {
	display: inline-block;
	width: 80px;
	text-decoration: underline;
	text-align: left;
}

/* Ägare */
.rubrik6 {
	display: inline-block;
	width: 130px;
	text-decoration: underline;
	text-align: left;
}

/* Status */
.rubrik7 {
	display: inline-block;
	width: 100px;
	text-decoration: underline;
	text-align: center;
}

/* Skapad */
.rubrik8 {
	display: inline-block;
	width: 100px;
	text-decoration: underline;
	text-align: center;
}

/* P */
.rubrik9 {
	display: inline-block;
	width: 21px;
	text-decoration: underline;
	text-align: center;
}

/* K */
.rubrik10 {
	display: inline-block;
	width: 21px;
	text-decoration: underline;
	text-align: center;
}

/* F */
.rubrik11 {
	display: inline-block;
	width: 21px;
	text-decoration: underline;
	text-align: center;
}

/* Visa */
.rubrik12 {
	display: inline-block;
	width: 21px;
	text-align: center;
}

.col1 {
	display: inline-block;
	width: 28px;
	color: grey;
	text-align: center;
	vertical-align: top;
}

.col2 {
	display: inline-block;
	width: 65px;
	color: black;
	text-align: center;
	vertical-align: top;
}

.col3 {
	display: inline-block;
	width: 360px;
	color: black;
	text-align: left;
	vertical-align: top;
}

.col4 {
	display: inline-block;
	width: 160px;
	color: black;
	text-align: left;
	vertical-align: top;
}

.col5 {
	display: inline-block;
	width: 80px;
	color: black;
	text-align: left;
	vertical-align: top;
}

.col6 {
	display: inline-block;
	width: 130px;
	color: black;
	text-align: left;
	vertical-align: top;
}

.col7 {
	display: inline-block;
	width: 100px;
	color: black;
	text-align: center;
	vertical-align: top;
}

.col8 {
	display: inline-block;
	width: 100px;
	color: black;
	text-align: center;
	vertical-align: top;
}

.col9 {
	display: inline-block;
	width: 21px;
	color: black;
	text-align: center;
	vertical-align: top;
}

.col10 {
	display: inline-block;
	width: 21px;
	color: black;
	text-align: center;
	vertical-align: top;
}

.col11 {
	display: inline-block;
	width: 21px;
	color: black;
	text-align: center;
	vertical-align: top;
}

.col12 {
	display: inline-block;
	width: 100px;
	color: black;
	text-align: center;
	vertical-align: top;
}

input[type=text], input[type=number]{
  width: 400px;
  padding: 12px;
  margin-left: 0px;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 14px;
}


input[type=file]{
  width: 600px;
  padding: 12px;
  margin-left: 0px;
  display: inline-block;
  font-size: 14px;
}


.updateComment {
  width: 600px;
  padding: 12px;
  margin-top: 5px;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 14px;
}

.label {
  margin-left: 0px;
  margin-top: 0px;
}

a
{
	color: #00f;
	text-decoration: none;
	font-weight: 300;
	font-size: 14px;
}

a:hover
{
	text-decoration: underline;
	font-weight: 600;
}

a:visited
{
	text-decoration: none;
}