.main_title {
	text-align : center;
}
.home_button {
	display : inline-block;
	background : url('../static/img/home_logo.svg') no-repeat;
	background-size : 100% 100%;
	width : 50px;
	height : 40px;
}
.main {
	margin : 20px;
}
.login_form {
	display : table;
	margin : 20px auto;
}
.login_form button[type='submit'] {
	display : table;
	margin : 5px auto;
}
.logout_form {
	position : absolute;
	top : 20px;
	right : 20px;
}
.clearer {
	clear : both;
	height : 0px;
}
.minor {
	font-size : 14px;
}
[title]:not([title=""]) {
	cursor : url(../static/img/info-cursor.ico), auto !important;
}
[onclick]:not([onclick=""]) {
	cursor : pointer;
}
[title][onclick]:not([title=""]):not([onclick=""]) {
	cursor : url(../static/img/info-cursor-pointer.ico), auto !important;
}
[onclick]:not([onclick=""]) {
	cursor : pointer;
}
.foot_buffer {
	clear:both;
	display : block;
	margin-top : 200px;
}
.pagination {
	width : 220px;
	display : table;
	margin : 15px auto;
	text-align : center;
	padding : 0px;
	height : 28px;
}
.pagination > * {
	display : inline-block;
	margin : 0px 5px;
	background : color-mix(in srgb, var(--background-colour), rgba(200,200,200,0.7));
	box-shadow : 0px 0px 1px black, 0px 0px 2px black;
	height : 28px;
}
.pagination .page-link {
	width : 50px;
	text-decoration: none;
	color : black;
}
.pagination .page-link:nth-child(1) {
	border-radius : 20px 0px 0px 20px / 3px 0px 0px 3px
}
.pagination .page-link:nth-child(3) {
	border-radius : 0px 20px 20px 0px / 0px 3px 3px 0px
}
.pagination .page-link:hover {
	background : rgba(100,100,100,0.5);
}
.pagination > select {
	width : 80px;
	border-radius : 1px;
	border : none;
	font-size : 17px;
}
.error, .form_errors {
	display : table;
	margin : 30px auto;
	font-weight : bold;
	color : rgba(100,11,11,1);
	font-size : 22px;
}
#email_search_form {
	display : table;
	margin : 20px auto;
	position : relative;

	background: rgba(100,100,100,0.7);
	padding: 20px 30px;
	border-radius: 4px;
	box-shadow: 0px 0px 1px rgb(11, 11, 11), 0px 0px 4px rgb(11, 11, 11), 0px 0px 10px rgb(11, 11, 11);
	background: rgba(77,77,77,0.7);
	z-index: 1;
}
#email_search_form::before {
	content : "";
	position : absolute;
	z-index : -1;
	top: 6px ;
	right: 6px ;
	bottom: 6px ;
	left: 6px ;
	border-radius : 4px;
	background : linear-gradient(
		to bottom,
		color-mix(in srgb, var(--background-colour), rgba(200,200,200,0.7)),
		color-mix(in srgb, var(--background-colour), rgba(100,100,100,0.7))
	);
}
#email_search_form input {
	max-width : 200px;
}
#email_search_form > div > .clearer {
	margin : 5px;
}
#email_search_form > div > div:not(.clearer) {
	display : block;
	height : 30px;
}
#email_search_form > div > div:not(.clearer) > div {
	display : table;
	margin : 1px auto;
}
#email_search_form > div > div:not(.clearer) > div > * {
	display : inline-block;
}
.mini_mail_inline {
	display : inline-block;
	background : url('/static/img/msmailer_logo.svg') no-repeat;
	width : 36px;
	height : 22px;
	background-size : 36px 22px;
	margin : 0px 2px -2px;
}
#email_search_form input[type='submit'] {
	display : table;
	margin : 5px auto 0px;
}
.search_results_count {
	margin: 20px auto 10px;
	display: table;
	font-weight : bold;
}

.email_results {
	width : 80%;
	margin : 10px 10%;
	padding : 0px;
}
.email {
	margin : 15px 5px;
	padding : 5px;
	box-shadow : 0px 0px 1px black, 0px 0px 4px black;
	background : rgba(11,11,11,0.15);
	border-radius : 2px;
	width : 100%;
	position : relative;
}
.email .header {
	width : calc(100% - 60px);
}
.email .subject {
	color : rgba(11,55,131);
	font-weight : bold;
	margin : 2px 5px;
}
.email .sent_time {
	font-size : small;
}
.email .content {
	display : inline-block;
	margin : 2px;
	padding : 4px;
	border-radius : 2px;
	background : rgba(255,255,255,0.9);
	border : 1px solid black;
	width : calc(100% - 14px);
	height : 120px;
	resize: vertical;  
	overflow: auto;
}
.email .content_opened {
	height : 300px;
}
.email .minor {
	font-weight : bold;
}
.email .get_full_content {
	position : absolute;
	top : 4px;
	right : 6px;
	font-weight : bold;
}