html{
	scroll-behavior:smooth
}
body{
    font-family: Montserrat, sans-serif;
    color: #011638;
    background: #EEF0F2;
	font-size:120%;
	line-height:130%;
	margin:0;
	padding:0;
	width:100%;
	position:relative
}
div{
	margin:0;
	padding:0
}
.form_item{
	margin-bottom:1em
}
input{
	margin:0;
	padding:12px;
	width:90%;
	height:1.1em;
	font-size:1.1em;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	border:1px solid #011638;
    margin-left: auto; margin-right:auto;
    background: #dee8f3;
}

input:hover,select:hover,textarea:hover{
	background: #011638;
    border: 1px solid #0d21a1;
    color: #eef0f2;
}

.checkbox_widget_generic { text-align: center; }
input[type="checkbox"] { width: 1em !important; }

label:hover { color: black; background: lightyellow; }


textarea{
	margin:0;
	padding:12px;
    width: 90%;
	height:6em;
    font-size:1.1em;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	border:1px solid #011638;
    margin-left: auto; margin-right:auto;
    background: #dee8f3;
}
textarea.article_contents {
    height:18em;
}
select{
	margin:0;
	padding:12px;
    width: 93%;
    font-size:1.1em;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	border:1px solid #011638;
    margin-left: auto; margin-right:auto;
    background: #dee8f3;
}
.submit_item input{
	color: #eef0f2;
	font-weight:normal;
	height:auto;
	font-size:1.4em;
    padding: 0.5em;
	background:#0d21a1;
	border-radius:3px;
    width: 93%;
    margin-top: 10px;
    font-weight: bold;
}
.submit_item input:hover{
	color: #eec643;
}

[readonly] {
    background-color: #f0f0f0;
    color: #999;
    border: 1px solid #ccc;
    cursor: not-allowed;
  }

h1{
	margin:0;
	padding:6px 0;
    text-align: center;
	line-height: 1.4em;
}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
    text-decoration: none;
    color: #0D21A1;
}

.details_table{
	border-collapse:collapse;
	border:1px solid #141414;
	width:auto;
    max-width: 98%;
    overflow: scroll;
    margin-left: auto; 
    margin-right: auto;
}
.details_table th{
    color: #eef0f2;
	background:#0d21a1;
	text-align:center;
	border:1px solid #141414;
	padding:4px;
}
.sortable th {
    cursor: pointer;
}
/*
.sortable th:hover::after {
    content: "Sort by this column";
    display: block;
    color: gray;
    font-size: 14px;
}
*/

.details_table td{
	text-align:center;
	border:1px solid #141414;
	padding:4px;
	/* #23282d; */
	border-radius:30px;
    text-align: left;
}
.big_textarea{
	height:18em
}
.green{
	font-weight:bold;
	color:darkgreen;
	background:palegreen;
	padding:6px;
	border:1px solid darkgreen;
	border-radius:3px
}
.red{
	font-weight:bold;
	color:darkred;
	background:lightpink;
	padding:6px;
	border:1px solid darkred;
	border-radius:3px
}
.orange{
	font-weight:bold;
	color:#fb4f14;
	background:#ffd569;
	padding:6px;
	border:1px solid #fb4f14;
	border-radius:3px
}
.centered{
	text-align:center;
	font-style:italic
}
hr{
	border:0;
	height:1px;
	background-image:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0))
}
#header {
    background: #eec643;
    margin-bottom: 0 !important;
    padding:6px;
    white-space: nowrap;
}

@media (max-width: 800px) {
    #header {
        white-space: nowrap;
        font-size: 4vw;
    }
}



#menu {
    text-align: center; 
    background: #0d21a1;
    color: #eef0f2;
    padding: 0.5em 0;
}
#menu a { display: inline-block; text-decoration: none; margin: 0 0.5em; }
#menu a:link, #menu a:visited { color: #eef0f2; }
#menu a:hover, #menu a:active { color: #eec643; }

#main {
    margin-top: 0 !important;
    max-width:800px;
	margin-left:auto;
	margin-right:auto;
    background: white;
    color: #011638;
    border: 1px solid white;
    text-align:center;
    min-height: 20em;
    padding-bottom: 3em;
}

#footer {
    background: #0d21a1;
    color: #eec643;
    text-align: center;
    padding: 1em;
}

#footer a:link, #footer a:visited { color: #eef0f2; }
#footer a:hover, #footer a:active { color: #ffffff; }

#admin_menu { margin-top: -1em; padding: 0.5em; text-align: center; }
#admin_menu a { display: inline-block; margin: 0 0.5em;}


.article { text-align: left; padding: 5px; margin-bottom: 2em; }

.article img { max-width: 98%; margin-left: auto; margin-right: auto; border: 2px solid #0d21a1; }

.article h2 { text-align: center; }

p.description { font-style: italic; font-size: 90%; font-weight: bold; color: #011638; }

#statement { height: 12em;}

.mobile_table { text-align: left; }
.mobile_th { font-weight: bold;}
.mobile_th, .mobile_td { display: inline-block;}
.mobile_table_row { display: block; clear: both;}

#title_item { display: none; }

.article_description { text-align: left; font-style: italic; margin: 0.5em; }
.date_published { text-align: left; margin: 0.5em; font-style: italic; }
#article_contents { text-align: left; margin: 0.5em;}
#article_contents img { display: block; max-width: 98%; margin-left: auto; margin-right: auto; border: 2px solid #0d21a1; }