@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');

body { background-color:#FFFFFF; color:#004f42; font-family: 'Lato', sans-serif; font-size:12pt; font-weight:normal; line-height:16pt; }
table { font-family: 'Lato', sans-serif; font-size:12pt; margin-bottom:4pt; }
th {
	position: sticky;
	background-color: #eaf7ea;
	top: 0;
}
iframe {
	border: solid 2px #C6E3C6;
}
input { font-family: 'Lato', sans-serif; font-size:12pt; margin-bottom:4pt; }
input[type=submit] { cursor: pointer }
input[type=checkbox] { cursor: pointer }
input[type=radio] { cursor: pointer }
select { cursor: pointer }
label { cursor: pointer}
textarea { font-family: 'Lato', sans-serif; font-size:12pt; margin-bottom:4pt; }
a {
	color:#00b052;
}
a.mblink {
	color: #747170;
}
a.rlink {
	color: #C11B17;
}
a.namelink {
	color: #000000;
}
	
	
h2 {margin-bottom: 4px; }
h4 {margin-bottom: 4px; }
h5 {margin-bottom: 0px; margin-top:12px; }


.div {margin-top:1px; margin-bottom:1px; margin-left:5px; margin-right:5px;}
.div_left_margin {margin-top:1px; margin-bottom:1px; margin-left:5px;}
.div_right_margin {margin-top:1px; margin-bottom:1px; margin-right:5px;}
.div_body {margin-top:5px; margin-bottom:25px; margin-left:20px; margin-right:20px;}
.div_banner {margin-top:5px; margin-bottom:5px; margin-left:20px; margin-right:20px; color:#000080;}

.blue {color:#000080; font-family: 'Lato', sans-serif; font-size:14pt; font-weight:700; margin-bottom:4pt; }
.blue_bold {color:#000080; font-family: 'Lato', sans-serif; font-size:14pt; font-weight:700; line-height:18pt; font-weight:700; margin-bottom:4pt; }
.large_blue {color:#000080; font-family: 'Lato', sans-serif; font-size:14pt; font-weight:700; margin-bottom:4pt; }
.blue_text {color:#000080; font-family: 'Lato', sans-serif; font-size:14pt; font-weight:700; margin-bottom:4pt; }

.normal {color:black; font-size:10pt; margin-bottom:4pt; }
.large_normal {color:black; font-size:12pt; margin-bottom:4pt; }
.title {color:#000080; font-size:12pt; font-weight:bold;}
.info {color:#000080; font-size:12pt;}
.info_emphasis {color:#000080; font-size:12pt; font-weight:bold;}
.large_title {color:#000080; font-size:12pt;}
.small_underlined {font-size:9pt; text-decoration:underline;}
.small_not_underlined {font-size:9pt;}

.result_header {color:#000080; font-size:10pt; text-decoration:underline;}
.normal_row {background-color: #eeffee;}
.alternate_row {background-color: #eeeeff;}

.member_name {color:#000000; font-size:14pt; font-weight:bold;}
.member_info {color:#999999; font-size:12pt;}

.submit_button { width:160px; cursor: pointer}
.small_button { width:25px; height:24px; font-size:12px; }
.large_button { width:40px; height:24px; font-size:12px; }
.back_button {background-color:red; color:white; font-weight:bold;}

.error_message {color:red; }
.error_message_orange {color:orange; }

.new_base {
	line-height: 2px;
	font-size: 2px;
}

.menucell {
	line-height: 18pt;
}
.news_header {
	border-bottom-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #C6E3C6;
}
.center {
	text-align: center;
}
.small_report_head_blue {
	font-family: 'Lato', sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color: #000080;
}
.small_report_body_green {
	font-family: 'Lato', sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	color: #004f42;
}
.updated {
	font-family: 'Lato', sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	color: red;
}

.style10 {font-family: 'Lato', sans-serif; font-size:9pt; line-height:12pt;  }

.page_title {
	text-align: center;
	color:#000080;
	font-family: 'Lato', sans-serif;
	font-size:16pt;
	font-weight:700;
	margin-bottom:4pt;
}

.page_sub_heading {
	text-align: center;
	color:#000080;
	font-family: 'Lato', sans-serif;
	font-size: 14pt;
	font-weight: 500;
	margin-bottom: 4pt;
}

.page_description {
	font-family: 'Lato', sans-serif;
	font-size: 12pt;
}

.menu_reference {
	background-color: linen;
	font-weight: 500;
	color: black;
}

.input_error {
	color: darkred;
	font-weight: 600;
}

.invalid {
	background-color: #FFC0C0;
}

.valid {
	background-color: #EAF7EA;
}

.mandatory_input {
	border-color: red; border-width: 1px; border-style: inset"
}

.good_message {
	animation: fadeOut 2s forwards;
    animation-delay: 1s;
    /*background: red;*/
    /*color: white;*/
    padding: 2px;
    text-align: center;
	position:fixed;
	bottom:5px;
	right:5px;
	border: 3px solid #73AD21;
	width:230px;
	background-color:#EAF7EA;
	font-size: large;
	color:green;
}

@keyframes fadeOut {
    from {opacity: 1;}
    to {opacity: 0;}
}



.bad_message {
	position:fixed; bottom:5px; right:5px; border: 3px solid #73AD21; width:230px; background-color:blanchedalmond; text-align:center; font-size: large; color:red;
}