/* Kentix Records */
/* common/default.css */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #fff;
}

body.admin {
	margin: 0;
	padding: 0;
	background-color: #fff;
	text-align:left;
	font-size:1.0em;
}

body.home {
	margin: 0;
	padding: 0;
	background: #ffc0cb url('../images/newback.jpg');
}

body.dev {
	background-color: #f0fab8;
}

body.hits {
	background: #eee;
}

body.login {
	margin: 0;
	padding: 0;
	background: #fff url('../images/pbfrontback.gif');
}

body.comments {
	margin: 0;
	padding: 0;
	background-color: #eff;
}

body.enter_page {

	background-color: #eee;
}

body.enter_page2 {

	background-color: #eee;
}

#content_100pct { position: relaative; text-align: center; width: calc(100% - 16px); margin: -3px auto 10px auto; }

#content_100pluspct { text-align: center; width: 100%; margin: -3px auto 10px auto; }

.site_fonts { font-family: "Source Serif Pro",garamond,serif; }

input[type=button],input[type=radio],input[type=checkbox],input[type=submit],input[type=reset],select {

	cursor: pointer;
}

label { cursor: pointer; }

.pw_eye {
	width: 18px;
	height: 12px;
	margin-left: -24px; 
	display: inline; 
	vertical-align: middle;
}

.pw_eye_disp {

	margin-left: 3px;
}

.pw_disp {
	display: inline;
}

.pw_hide {
	display: none;
}

#tb_link_ul {

	width: 15px;
	height: 15px;
	position: absolute;
	left: 0;
	top: 0;
}

#tb_link_ur {

	width: 15px;
	height: 15px;
	position: absolute;
	right: 0;
	top: 0;
}

#tb_link_ll {

	width: 15px;
	height: 15px;
	position: absolute;
	left: 0;
	bottom: 0;
}

#tb_link_lr {

	width: 15px;
	height: 15px;
	position: absolute;
	right: 0;
	bottom: 0;
}

#tb_link_lm {

	width: 29px;
	height: 25px;
	position: absolute;
	left: 275px;
	bottom: 20px;
}

#main_div, .main_div {
	position: absolute;
	left: 50%;
	transform: translate(-50%,0);
	margin-top: 10px;
	font-size: 1.2em;
	width: 96.3vw;
	max-width: 780px;
	min-width: 310px;
	box-sizing: border-box;
}

#main_div_wide {
	position: absolute;
	left: 50%;
	transform: translate(-50%,0);
	margin-top: 10px;
	font-size: 1.2em;
	width: 96vw;
	max-width: 1250px;
	min-width: 310px;
}

#opening_div {
	margin: 5px auto 10px auto; 
	width: calc(90% - 60px); 
	max-width: 560px;
	min-width: 305px;
	padding: 12px;
	text-align: center; 
	outline: 2px solid #444; 
	background-color: #f2f2f2;

}

#opening_div_wide {
	position: relative;
	margin: 5px auto 10px auto; 
	width: calc(100% - 20px); 
	/* width: 1000px; */
	max-width: 1200px;
	min-width: 305px;
	padding: 12px;
	text-align: center; 
}

table.center { margin-left: auto; margin-right: auto; }
div.center { margin-left: auto; margin-right: auto; }
p.center { margin-left: auto; margin-right: auto; }
h2.center { margin-left: auto; margin-right: auto; }

.red { color: #c03; }

.error { color: #c03; font-weight: bold; }

.error label { color: #c03; }

div.error { color: #c03; font-weight: bold; }
td.error { color: #c03; font-weight: bold; }
th.error { color: #c03; font-weight: bold; }
span.error { color: #c03; font-weight: bold; }

.error th { color: #c03; font-weight: bold; }

.errornb { color: #c03; }
div.errornb { color: #c03; }
th.errornb { color: #c03; }
td.errornb { color: #c03; }
span.errornb { color: #c03; }

div.errornb2 { color: #ccc; }
th.errornb2 { color: #ccc; }
td.errornb2 { color: #ccc; }
span.errornb2 { color: #ccc; }

.superscript { vertical-align: super; line-height: 1.0; font-size: 0.8em; font-weight: bold; }

.explain_code_sample { 
	margin-top: 12px;
	font-size: 1em; 
	color: #c03;	
}

.explain_code_sample tr {
	vertical-align: top;
}

.msg_success {
	margin-left: auto;
	margin-right: auto;
	width: 88%;
	max-width: 380px;
	text-align: left;
	font-size: 0.88em; 
	font-weight: bold;
	color: green;
}

.msg_error {
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	width: 88%;
	max-width: 380px;
	text-align: left;
	font-size: 0.88em; 
	font-weight: bold;
	color: #c02;
}

.msg_success > div, .msg_error > div {
	padding-top: 2px;
}

.validate_error {
	font-style: italic;
	color: #ff0040;
}

a:link.validate_error { color: #ff0040 }
a:visited.validate_error { color: #ff0040 }

#std_error_div {
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
	text-align: center;
	width: 98%;
	max-width: 668px; 
	border: 2px solid #472400; 
	border-radius: 10px; 
	background-color: white; 
	padding: 40px 0px 30px 0px;
}

.error_div2 {
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}

.back_btn {
	display: block;
	margin-top: 20px;
}

hr {
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	padding: 0;
	margin-top: 15px;
}

.hr_100 {
	width: 100%;
}

.bold    { font-weight: bold; }
.nobold  { font-weight: normal; }
.italic  { font-style: italic; }
.vtop    { vertical-align: top; }
.center_text  { text-align: center; }

.dropdown {
	font-size: 0.87em;
	padding: 3px 10px 3px 3px;
	background-color: white;
	border: 1px solid #444;
	border-radius: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.dropdown2 {
	border-radius: 4px;
	padding: 2px 0;
	font-size: 0.90em;
	background-color: white;
}

.dropdown3 {
	font-size: 0.72em;
	padding: 1px 4px 1px 1px;
	background-color: white;
	border: 1px solid #444;
	border-radius: 2px;
	margin-bottom: 0px;
}

.radio_btn_td {
	font-size: 1em;
	padding-top: 3px;
}

.radio_btn_td [type=radio] {
	vertical-align: middle;
	color: green;
}

.radio_label {
	vertical-align: middle;
}

.back_arrow_link {
	display: block;
	margin: 16px 0 24px 0;
}

.back_arrow_img { 

	width: 60px;
	height: 24px;
}

.billing_btns_div {
	margin-top: 12px;
	display: none;
}

.billing_btns_div input[type=button] {
	padding: 4px 0 2px 0;
	width: 150px;
	margin-right: 8px;
}

.billing_btns_div input[type=button]:hover {
	background-color: #d2d2d2;
}

.job_form_billed_btns {
	margin-top: 10px;
	margin-bottom: 25px;
}

.job_form_billed_btns input[type=button] {
	margin-left: 1px;
	margin-right: 8px;
	padding-top: 3px;
	border-radius: 3px;
	border: 1px solid #333;
}

.job_form_billed_btns input[type=button]:hover {
	background-color: #d2d2d2;
}

#paid_amt {
	margin-left: -2px;
	width: 64px;
	padding: 4px 6px 2px 6px;
	font-size: 0.65em;
	border: 1px solid black;
	border-radius: 4px;
}

.date_display_container {
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	max-width: 530px;
	text-align: center;
}

.date_display_div {
	display: inline;
	padding: 6px 5px 0px 5px;
	font-size: 0.85em;
	text-align: center;
	padding-left: 9px;
	padding-right: 9px;
}

#hr2 {
	margin-top: 10px;
}

.fail_edit {
	height: calc(140px + 4.1vw);
	padding-top: 56px;
	font-size: calc(10px + 0.94vw);
}

.delete_div {
	padding: 15px 15px 20px 15px;
}

.delete_div_fs {
	font-size: calc(0.88em + 0.64vw);
}

.delete_q {
	font-size: calc(1.1em + 0.6vw);
}

.delete_item_detail {
	margin-top: 15px;
	font-size: calc(1.3em + 0.28vw);
}

.delete_item_detail2 {
	font-size: calc(0.7em + 0.32vw);
}

.delete_item_detail_password {
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	font-size: calc(0.95em + 0.37vw);
	width: 80%;
	text-align: center;
}

.delete_cb_div {
	margin-top: 14px;
	font-size: calc(	1.02em + 0.18vw);
}

.delete_cb {
	transform: scale(1.55);	
}

#delete_item input[type=submit] {
	font-size: calc(0.80em + 0.30vw);
	margin-top: 12px;
	border-radius: 5px;
	padding: 2px 10px;
	background-color: #fefefe;
}

.delete_links_div {
	padding-top: 8px;
	font-size: calc(1.0em + 0.08vw);
}

.delete_box_link {
	display: block;
	margin-top: 20px;
	font-size: calc(0.93em + 0.08vw);
}

.delete_success_msg {
	height: 160px;
	padding-top: 30px;
	text-align: center;
	font-size: 1.1em;
}

.field {
	padding: 3px 7px 3px 7px;
	font-size: 0.95em;
	letter-spacing: 1px;
	font-family: Source Sans Pro;
	border-radius: 3px;
	border: 1px solid #444;
}

.field1 {
	width: 40px;
}

.field2 {
	width: 60px;
}

.field3 {
	width: 100px;
}

.field3a {
	width: 118px;
}

.field4 {
	width: 140px;
}

.field5 {
	width: 180px;
}

.field6 {
	width: 220px;
}

.field7 {
	width: 245px;
}

.inner_div {
	padding: 15px;
	background-color: white;
	border-radius: 6px;
	border: 3px solid #444;
}

.hidden {
	display: none;
}

.picker1_hidden, .picker2_hidden {
	
}

.select_org {
	font-size: 0.93em;
	padding: 3px 7px 3px 4px;
	border-radius: 4px;
	border: 1px solid #444;
	background-color: white;
}

textarea {
	width: 94%; 
	height: 120px;
	min-height: 30px;
	max-height: 450px;
	padding: 8px 8px;
	border-radius: 4px;
	border: 1px solid #444;
	font-size: 1em;
	resize: vertical;
}

.note_text {
	text-align: left;
	padding-left: 15px;
}
	
.notes_label_disp {
	margin-top: 12px;
	padding: 10px 30px 10px 10px;
	font-size: 1.1em;
	text-align: left;
}

.notes_text_disp {
	margin-top: -3px;
	padding: 10px 30px 10px 15px;
	font-size: 0.88em;
	text-align: left;
}

.notes_text_disp span {
	font-size: 1.15em;
}

.highlight {
	background-color: #ff6; 
	color: #3030a0;
}

.highlightb {
	font-weight: bold;
	background-color: #ff6;
}

.submit_div {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding-bottom: 10px;
	width: 50%;
	text-align: center;
}

#submit_btn {
	width: 150px;
	padding: 2px 15px;
	font-size: 0.85em;
	background-color: #ddd;
	border-radius: 6px;
}

#submit_btn:hover {
	background-color: #ccc;
}

.back_to_home_div {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 94%;
	text-align: center;
}

#back_to_home_div {
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	text-align: center;
}

#admin_box_old {

	position: fixed;
	top: 0;
	left: 1px;
	width: 100px;
	height: 100px;
	background-image: url(/resources/images/admin_corner_frev_4e4330c6c2fb.gif);
	z-index: 500;
}

#admin_box {
	position: fixed;
	top: 0px;
	left: -10.3px;
	width: 102px;
	height: 102px;
	background-color: #169E4C;
	border: 3px solid #169E4C;
	font-weight: bold;
	clip-path: polygon(0% 48.3%, 48.3% 0%, 98.2% 0%, 0% 98.2%);
	z-index: 50000;
}

#admin_box_text {
	position: absolute;
	width: 150px;
	height: 33px;
	font-size: 0.98em;
	left: -34px;
	top: 16px;
	line-height: 35px;
	/* 
	left: -22px;
	*/
	transform: rotate(-45deg);
	background-color: white;
	font-family: arial;
	letter-spacing: 0.4px;
	color: #169E4C;
	text-shadow: 0px 0px, 0px 0px, 0px 0px;
	outline: 1px solid #169E4C;
	clip-path: polygon(31.3% 0%, 69.8% 0%, 92% 100%, 9.2% 100%);
}

@media screen and ( max-width: 870px ) {
	#admin_box { display: none; }
}

a:link { color: #00008b; font-weight: bold; }
a:visited { color: #00008b; font-weight: bold; }
a:hover { color: #00f; font-weight: bold; }
a:active { color: #00f; font-weight: bold; }

.dev 	a:link { color: purple; font-weight: bold; }
.dev 	a:visited { color: purple; font-weight: bold; }
.dev 	a:hover { color: #90f; font-weight: bold; }
.dev 	a:active { color: #90f; font-weight: bold; }

.change_log_date a:link    { color: #000; text-decoration: none; }
.change_log_date a:visited { color: #000; text-decoration: none; }
.change_log_date a:hover   { color: #555; text-decoration: none; }
.change_log_date a:active  { color: #555; text-decoration: none; }

.home a:link    { color: white; }
.home a:visited { color: white; }
.home a:hover   { color: #8b4513; }
.home a:active  { color: #8b4513; }

.login a:link { color: #8b4513; }
.login a:visited { color: #8b4513; }
.login a:hover { color: #300; }
.login a:active { color: #300; }

#send_activation {
	display: inline;
}

#send_activation_btn {
	display: inline;
	padding: 4px 8px;
	font-size: 0.83em;
	color: #f03;
	font-weight: bold;
}

div.activation {
	margin: -10px auto 0 auto;
	width: 87%;
	padding-right: 18px;
	padding-left: 18px;
	text-align: justify;
}

div.activation2 {
	margin: 0px auto 0 auto;
	width: 250px;
	text-align: center;
}

div.activation p {
	line-height: 150%;
}

figure.activation {
	float: left; 
	clear: both; 
	margin: 3px 25px 5px 0px;
}

#login_maindiv  { 
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	padding-top: 20px;
	padding-bottom: 18px;
	width: 92vw;
	max-width: 580px;
	min-width: 344px;
	background-color: #eee;
	outline: 2px solid #430;
	border-radius: 6px;
}

#login_maindiv h3 { 
	margin-top: 0;
	margin-bottom: 0;
	font-size: calc(25px + 40%);
}

#login_maindiv.editor {
	padding-bottom: 7px;
}

#logged_in_name_div {
	padding-top: 5px;
	padding-right: 9px;
}

#logged_in_name_div span {
	font-size: 1.2em;
	font-weight: bold;
}

.logged_in_links_div {
	margin-top: 18px;
}

.login_sess_stats {
	margin: 22px 0 16px 0; 
	font-size: 0.9em; 
	color: green; 
	line-height: 140%; 
}

#login_banned {
	padding-top: 20px;
	padding-bottom: 15px;
}

.login_error {
	color: #c03;
	font-size: 0.95em;
	padding-top: 10px;
}

.login_error2 {
	color: #c03;
	font-size: 1em;
	padding-top: 8px;
}

.login_error3 {
	margin-top: 3px; 
	margin-bottom: 2px; 
	color: #c03; 
	font-size: 0.94em;
}

.login_error4 {
	margin-top: -6px; 
	margin-bottom: 4px; 
	color: #c03; 
	font-size: 0.9em;
}

.restart_login {
	font-size: 1.4em;
}

.login_expired_div p {
	font-size: 1.4em;
	margin-bottom: 15px;
}

.login_tbl {
	margin-left: auto;
	margin-right: auto;
	margin-top: 14px;
	text-align: left;
	color: #00008b;
	width: 90%;
	max-width: 400px;
	border-collapse: collapse; 
	border-spacing: 0;
}

.login_tbl th {
	text-align: left;
	padding-left: 12px;
	font-size: 0.9em;
}

.login_tbl td {
	width: calc(105px + 0vw);
	padding-top: 3px;
}

.login_input {
	width: 204px;
	font-size: 0.88em;
	padding: 3px 5px;
	border-radius: 3px;
	border: 1px solid #444;
}

.totp_tbl {
	width: 80%;
	max-width: 350px;
	margin: 14px auto 10px auto;
}

.totp_tbl tr:nth-child(2) td {
	padding-top: 12px;
}

.totp {
	width: 180px;
	font-size: 1.88em;
	padding: 7px 10px;
	text-align: center;
	letter-spacing: 3px;
	border-radius: 3px;
	border: 1px solid #444;
}

.login_main {
	width: 185px;
	font-size: 0.88em;
	padding: 3px 5px;
	border-radius: 3px;
	border: 1px solid #444;
}

.fb_div {
	outline: 1px solid green;
	margin-top: 8px;
	padding-top: 0;
	width: 188px;
}

.login_tbl2 {
	margin-left: auto;
	margin-right: auto;
	margin-top: 14px;
	width: 260px; 
	border-collapse: collapse; 
	border-spacing: 0;
}

.login_tbl2 tr {
	vertical-align: top;
}

.login_tbl2 th {
	font-weight: normal;
	padding-right: 8px;
	padding-top: 10px;
	font-size: 1em;
}

.login_tbl2 td {
	padding-top: 6px;
	text-align: left;
}

.login_tbl2 input[typ=text] {
	//width: 30px;	
}

.login_tbl2 td.submit_btn {
	padding-top: 0px;
	text-align: center;
}

.login_input2 {
	width: 170px;
}

.login_tbl3 {
	margin-left: auto;
	margin-right: auto;
	margin-top: 14px;
	width: 290px; 
	border-collapse: collapse; 
	border-spacing: 0;
}

.login_tbl3 tr {
	vertical-align: top;
}

.login_tbl3 th {
	font-weight: normal;
	padding-right: 8px;
	padding-top: 10px;
	font-size: 1em;
}

.login_tbl3 td {
	padding-top: 6px;
	text-align: left;
	width: 188px;
}

.comment_btn {
	font-size: 0.85em;
	margin-top: 4px;
	width: 120px;
}

.need_login {
	margin: 8px auto;
	width: 85%;
	max-width: 480px;
	font-size: 0.9em;
	text-align: justify;
}

#reg_success {
	margin-top: 10px;
	color: #761f8a;
	font-weight: bold;
	font-size: 1.1em;
}	

.need_acct {
	margin: 18px auto 0 auto;
	width: 80%;
	max-width: 524px; 
	background-color: #fbfffb;
	padding: 25px 30px;
	text-align: justify;
	line-height: 140%;
	border: 1px solid #555;
	border-radius: 6px;
}

.delete_tbl {
	font-size: 1.1em;
	max-width: 385px;
}

.delete_submit_btn {
	width: 172px;
	margin-top: 0;
	margin-bottom: 18px;
	font-size: 0.8em;
	padding: 3px;
	background-color: #dedede;
	border-radius: 4px;
}

.pw_update_tbl {
	width: 340px;
}

.pw_update_tbl th, .pw_update_tbl td {
	padding-bottom: 6px;
}

th.pw_update {
	padding-top: 8px;
	font-size: 0.95em;
	width: 150px;
}

th.pw_reset {
	padding-bottom: 8px;
	font-size: 0.9em;
}

th.pw_update2 {
	padding-top: 8px;
	font-size: 0.95em;
}	

th.pw_reset2 {
	padding-top: 8px;
	font-size: 0.9em;
}

#disclaimer {
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	width: 75%;
	text-align: justify;
	font-size: 0.9em;
}

.forgot_pass_tbl {
	width: 265px;
	margin-bottom: 14px;
}

.forgot_pass_tbl th {
	padding-right: 8px;
	padding-top: 7px;
}

.forgot_pass_submit {
	font-size: 0.75em;
	width: 150px;
	padding: 2px 0px;
}

.forgot_pass_submit:hover {
	font-weight: bold;
}

.login_link {
	font-weight: bold;
	color: #00008b;
	text-decoration: none;
}

.ulevel_tbl {
	width: 100%;
	max-width: 860px;
	box-sizing: border-box;
}

.ulevel_tbl tr {
	vertical-align: top;
}

.ulevel_tbl th {
	width: 145px;
	padding-right: 12px;
	text-align: left;
}

.user_info_details {
	margin-top: 16px;
}

.user_name_span {
	font-size: 1.3em;
}

.login_nav_div {
	margin-top: 18px;
}

.login_submit_btn, .forgotpass_submit_btn {
	margin-top: 18px;
	font-size: 0.86em;
	width: 120px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #f9f9f9;
	border-radius: 5px;
}

.login_submit_btn:hover, .forgotpass_submit_btn:hover  {
	background-color: #dfdfdf;
}

.forgotpass_submit_btn {
	margin-top: 1px;
	padding-top: 3px;
	width: 160px;
	font-size: 0.82em;
}

.pw_update_btn {
	width: 145px;
}

.failed_logins_wait {
	margin-bottom: 25px;
}

.register_logo {
	float: left;
	width: 90px;
	height: 90px;
	margin-top: 5px;
	margin-right: 22px;
}

.login_text_div {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 90%; 
	max-width: 470px;
	padding-top: 14px;
}

.login_text_div_center {
	margin-left: auto;
	margin-right: auto;
	width: 80%; 
	max-width: 470px;
	padding-top: 14px;
	padding-bottom: 2px;
	font-size: 0.95em;
	line-height: 150%;
	text-align: justify;
}

.login_req_fields_div {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 80%; 
	padding-top: 14px;
	font-size: 0.9em;
}

.login_small_text {
	padding-top: 81px;
	font-size: 0.8em;
}

.logins_status_img img {
	width: 20px;
	height: 20px;
}

.warranty_status_img img {
	width: 16px;
	height: 16px;
}

#password_strength_div {
	margin-left: auto;
	margin-right: auto;
	margin-top: 18px;
	width: 50%; 
	max-width: 280px; 
	text-align: center; 
	font-weight: bold;
}

#password_str_bar {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px; 
	width: 280px; 
	height: 14px; 
	font-weight: bold; 
	z-index: 5;
}

#password_str_bar2 {
	position: absolute; 
	width: 100%; 
	height: 16px; 
	left: 0; 
	top: 0; 
	outline: 2px solid black; 
	background-color: white; 
	z-index: 5;
}

#password_weak_div {
	position: absolute; 
	left: -51px; 
	color: orange; 
	font-size: 0.9em;
}

#strength_div {
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 1%; 
	height: 15px; 
	padding-top: 1px; 
	color: white; 
	text-align: center; 
	background-color: orange; 
	font-size: 0.7em; 
	z-index: 10;
}

#password_strong_div {
	position: absolute; 
	left: 288px; 
	color: green; 
	font-size: 0.9em;
}

@media screen and ( max-width: 1000px ) {
	#password_str_bar  { width: 180px; }
	#password_strong_div{ left: 188px;}
}


#pwd_explain_text {
	margin-left: auto;
	margin-right: auto;
	font-family: georiga; 
	text-align: left; 
	font-weight: bold; 
	margin-top: 30px;
	width: 70%; 
	max-width: 388px;
}

#pw_force_update_div {
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
	margin-bottom: 16px;
	color: #654321; 
	font-weight: bold; 
	text-align: left; 
	width: 370px; 
}

#comment_textarea {
	width: 96%;
	max-width: 450px;
	height: 180px;
	border-radius: 6px;
	resize: vertical;
	max-height: 240px;
	min-height: 30px;
}

.main_text h3 {
	width: 95%;
	margin: 0 auto;
	padding-top: 12px;
	padding-bottom: 2px;
	font-size: calc(1.1em + 0.5vw);
}

.main_text h4 {
	width: 95%;
	margin: 0 auto;
	padding-top: 12px;
	padding-bottom: 2px;
	font-size: 0.9em;
}

.main_text p, .main_text ul {
	margin: 5px auto 12px auto;
	width: 95%;
	font-size: 0.9em;
	line-height: 140%;
}

.compare_figure_div {
	width: 290px;
	margin: 0 auto;
	padding: 10px 12px 12px 12px;
	text-align: center;
}

figcaption.small_text {
	margin-left: auto;
	margin-right: auto;
	padding-top: 8px;
	width: 250px;
	font-size: 0.8em;
	line-height: 125%;
}

p.explain {
	margin: 0 auto;
	width: 97%;
	max-width: 620px;
	text-align: justify;
	font-size: 0.84em;
	line-height: 125%;
}

#job_status_msg {
	position: fixed;
	left: 50%;
	transform: translate(-50%,120px);
	background-color: white;
	padding: 27px 0 23px 0;
	width: 95%;
	max-width: 300px;
	font-size: 1.3em;
	border: 2px solid black;
	outline: 3px solid red;
	border-radius: 5px;
	box-shadow: 4px 4px 8px #666;
	z-index: 4000;
}

#job_status_msg a {
	font-size: 1.1em;
	text-decoration: none;
}

#job_status_msg > div:nth-child(2),#job_status_msg > div:nth-child(3) {
	margin-top: 14px;
}

div.error_page {
	margin: 0 auto;
	margin-top: 10px;
	width: 320px;
	font-size: 1.3em;
}

div.error_page a {
	font-size: 0.7em;
	color: #003a8b;
}

.specs a:link { color: #8b4513; }
.specs a:visited { color: #8b4513; }
.specs a:hover { color: #300; }
.specs a:active { color: #300; }
.specs { color: #8b4513; font-weight: bold; }

.hits_data_tbl th a:link { color: #00008b; text-decoration: none; }
.hits_data_tbl th a:visited { color: #00008b; text-decoration: none; }
.hits_data_tbl th a:hover { color: #145f88; text-decoration: none; }
.hits_data_tbl th a:active { color: #145f88; text-decoration: none; }

.visits_data_tbl {
	margin-left: auto;
	margin-right: auto; 
	margin-top: 15px; 
	margin-bottom: 5px; 
	font-size: 0.8em;
}

.visits_data_tbl th {
	text-align: center;
}

.visits_data_tbl th a:link { 
	color: #000; 
	text-decoration: none; 
}

.visits_data_tbl th a:visited {
	color: #000; 
	text-decoration: none; 
}

.visits_data_tbl th a:hover { 
	color: #145f88; 
	text-decoration: none; 
}

.visits_data_tbl th a:active { 
	color: #145f88; 
	text-decoration: none; 
}

#th_color { 
	color: #145f88; 
	text-decoration: none; 
}

.kentix_logo_120 {
	width: 120px;
	height: 120px;
}

.visits_data_tbl_td {
	padding: 5px 8px;
}

.hits_data_tbl, visits_data_tbl {
	margin: 15px auto;
	font-size: 0.9em;
}

#hits_nav_tbl td a:link { color: #2e8b17; text-decoration: none; }
#hits_nav_tbl td a:visited { color: #2e8b17; text-decoration: none; }
#hits_nav_tbl td a:hover { color: #145f88; text-decoration: none; }
#hits_nav_tbl td a:active { color: #145f88; text-decoration: none; }

#hits_nav_tbl {

	margin: 20px auto;
	width: 460px; 
}

#hits_nav_td1 {

	width: 13%; 
}

#hits_nav_td2 {

	width: 26%; 
}

#hits_nav_td3 {

	width: 29%; 
}

#hits_nav_td4 {

	width: 32%; 
}

.searchnav { color: #0b7; font-weight: bold; }

.searchnav td { width: 18px; text-align: right; }
.searchnav_active_page { font-size: 1.1em; }

.searchnav a:link { color: #063; font-weight: bold; }
.searchnav a:visited { color: #063; font-weight: bold; }
.searchnav a:hover { color: #0c6; font-weight: bold; }
.searchnav a:active { color: #0c6; font-weight: bold; }

.admin_links 	a:link    { color: blue; }
.admin_links 	a:visited { color: blue; }
.admin_links 	a:hover   { color: blue; }
.admin_links 	a:active  { color: blue; }

table.admin_links {
	margin-top: 10px; 
	line-height: 200%;
}

h3.admin, h2.admin { 
	font-size: 1.7em; 
	margin: 10px 0 4px 0; 
	padding: 0; 
}

.blockquote {
	font-style: italic;
}

.loading { font-family: arial; font-size: 1.2em; color: #678595; line-height: 1.2em; }
.nameloading { font-family: arial; font-size: 1.8em; color: #528191; line-height: 1.4em; }

.keep_centered { 
	position: absolute; 
    	left: 50%;         	
/* Start with top left in the center */ 
    	top: 1%; 
    	width: 400px;  	 		/* The fixed width... */ 
    	height: 1px;    			/* ...and height */ 
    	margin-left: -210px;   	/* Shift over half the width */ 
    	margin-top:  -1px;     	/* Shift up half the height */ 
}

img[usemap], map area{
    outline: none;
}

.dragclass {
	position: relative;
	cursor: move;
}

.dragclass2 {
	cursor: grab;
}

.dragclass3 {
}

.shadow 	{ box-shadow: 3px 4px 12px #333; }
.shadow2 	{ box-shadow: 13px 14px 32px 2px #333; }
.shadow3	{ box-shadow: 8px 8px 22px #333; }
.shadow4	{ box-shadow: 5px 5px 16px #333; }
.shadow5	{ box-shadow: 13px 13px 36px #333; }
.shadow6	{ box-shadow: 8px 8px 26px #333; }

.snav		{ border: 0; }

/* Guides */

.gbg_label	{ font-size: 0.9em; color: #7c4102; }
.gbg_label_small { font-size: 0.8em; color: #7c4102; }

.corner_link {
	display: block;
	position: absolute;  
	top: 0; 
	opacity: 0;
	z-index: 25;
}

.corner_link20 {
	width: 20px; 
	height: 20px;
}

.corner_link30 {
	width: 30px; 
	height: 30px;
}

.corner_link40 {
	width: 40px; 
	height: 40px;
}

#corner_back_link {
	left: 0; 
}

#corner_home_link {
	right: 0; 
}

.billed_icon {
	width: 12px;
	height: 12px;
}

#guide_back_link {
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 30px; 
	height: 30px;
	z-index: 100000;
}

#guide_home_link {
	position: absolute; 
	right: 0; 
	top: 0; 
	width: 30px; 
	height: 30px;
	z-index: 100000;
}

.guide_nav_link_img {
	width: 100%;
	height: 100%;
}

/* Admin section */

table.users_tbl {
	font-size: 0.86em;
}

table.users_tbl th { 
	padding-top: 6px; 
	padding-bottom: 6px;
	text-align: center; 
}

table.all_logins_tbl {
	text-align: left; 
	width: 100%;
	max-width: 1000px; 
	background-color: #f1feff;
}

table.all_logins_tbl a {
	text-decoration: none;
}

.all_logins_tbl_header {
	background-color: #58d;
}

table.all_logins_tbl th { 
	padding-left: 7px;
	padding-top: 6px; 
	padding-bottom: 6px;
}

table.all_logins_tbl th a { 
	color: white;
}

table.all_logins_tbl td { 
	padding: 3px 3Px 3px 7px; 
}

.logins_status_img {
	text-align: center;
}

.all_logins_div {
	outline: 1px dashed blue;
	display: inline-block;
	width: 350px;
	display: none;
}

.all_logins_div a {
	text-decoration: none;
}

.all_logins_div .div_td1 {
	width: 60%;
}

.all_logins_div:nth-child(odd) {
	background-color: #f1feff;
}

.all_logins_div:nth-child(even) {
	background-color: #d1feef;
}

.title_block {
	width: 90%;
	text-align: left;
}

.google_intro {
	padding: 10px 0;
	font-size: 0.8em;
}

.guide_item {
	width: 210px;
	height: 400px;
	text-align: left;
	margin: 0 50px;
}

.diag_holder {
	margin-left: auto;
	margin-right: auto;
	margin-top: 18px;
	width: 92%;
	max-width: 620px;
}

.diag_holder > div, .diag_holder > img {
	display: inline-block;
	vertical-align: bottom;
	margin-bottom: 10px;
	font-size: 1.25em;
}

.diag_holder > div:first-child {
	display: inline-block;
	width: 368px;
}

.diag_holder > div:nth-child(2) img {
	transform: translate(0,5px);
}

.diag_img_div {
	min-width: 174px;
}

.diag_holder img {
	width: 26px;
	height: 26px;
}

.diag_holder a {
	text-decoration: none;
}

.toggle_css {
	font-size: 0.93em;
}

a:link.toggle_mysqli_en { color: green; }
a:visited.toggle_mysqli_en { color: green; }
a:hover.toggle_mysqli_en { color: blue; }
a:active.toggle_mysqli_en { color: blue; }

a:link.toggle_mysqli_dis { color: #c03; }
a:visited.toggle_mysqli_dis { color: #c03; }
a:hover.toggle_mysqli_dis { color: blue; }
a:active.toggle_mysqli_dis { color: blue; }

a:link.toggle_pdo_en { color: green; }
a:visited.toggle_pdo_en { color: green; }
a:hover.toggle_pdo_en { color: blue; }
a:active.toggle_pdo_en { color: blue; }

a:link.toggle_pdo_dis { color: #c03; }
a:visited.toggle_pdo_dis { color: #c03; }
a:hover.toggle_pdo_dis { color: blue; }
a:active.toggle_pdo_dis { color: blue; }

/** Used by the login/include/database.php diag system **/

#diag_frame1 {
	position: absolute;
	left: 160px;
	top: 90px;
	min-height: 100px;
	background-color: white;
	opacity: 0.96;
	border-radius: 5px;
	z-index: 499;
	width: 8%;
	max-width: 500px;
	min-width: 13%;
	padding: 18px 2px 10px 2px;
	overflow: hidden;
	outline: 1px solid orange;
}

#diag_frame {
	position: relative;
	left: 50%;
	transform: translate(-50%,0);
	height: 20px;
	font-size: 1.3em;
	z-index: 1005;
	width: 100%;
}

@media screen and ( pointer: coarse ) {
	#diag_frame1 { left: 7px; }
	#main_div { width: 98.5vw }
}

.diagnostics_div {
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	width: 93%; 
	margin-top: 8px; 
}

.diagnostics_div > hr {
	width: 100%;
}

.diag_pdo {
	color: blue;
}

.diag_mysqli {
	color: #984a31;
}

.diag_q_data_red {
	color: red;
}

.diag_q_data_blue {
	color: maroon;
}

.diag_q_data_green {
	color: green;
}

.diag_font_code {
	margin-left: 0;
	font-family: courier; 
	font-size: 0.8em;
	text-align: left;
	display: block;
}

.diag_pre {
	text-align: left;
	padding-left: 30px;
}

.admin_container {
	position: relative;
	margin-left: auto; 
	margin-right: auto;
	width: 77vw; 
	max-width: 620px; 
	text-align: left;
	background-color: white;
	padding: 5px 35px 40px 35px;
	outline: 2px solid black;
	border-radius: 5px;
}

.admin_display_div {
	position: relative;
	margin-left: auto; 
	margin-right: auto;
	margin-top: 12px;
	margin-bottom: 10px;
	width: 93vw; 
	max-width: 658px; 
	text-align: left;
	background-color: white;
	padding: 5px 10px 5px 0px;
	outline: 2px solid black;
	border-radius: 5px;
}

.admin_nav_links, .admin_nav_links_small {
	margin-top: 12px;
	text-align: center;
	font-size: 0.9em;
	font-family: arial;
}

.admin_nav_links > div {
	display: inline-block;
	width: 170px;
	height: 34px;
	line-height: 34px;
}

.admin_nav_links_small > div {
	display: inline-block;
	margin: 0 12px 0 12px;
	height: 34px;
	line-height: 34px;
}

#admin_user_info_name {
	margin-top: 22px; 
	margin-bottom: 2px; 
	margin-left: 3px; 
	font-size: 1.8em; 
}

#admin_user_info_tbl {
	text-align: left; 
	width: 98%; 
	margin-top: 10px;
}

#admin_user_info_tbl th {
	padding: 3px;
	text-align: left;
	width: 196px;
}

#admin_user_info_tbl td {
	padding: 3px;
	text-align: left;
}

.user_info_fs {
	font-size: 0.9em;
}

#admin_visit_tbl {
	margin-top: 20px; 
	margin-left: 3px;
	text-align: left;
}

#admin_visit_tbl th {
	width: 196px;
	text-align: left;
}

#admin_legend_div {
	text-align: left;
	width: 90%;
	max-width: 700px; 
	margin-top: 20px; 
	margin-left: 4px;
}

.legend_cont {
	padding: 3px;
	display: inline-block;
}

.admin_legend_color {
	margin-top: 6px; 
	width: 10px; 
	height: 10px;
	float: left; 
	margin-left: 18px;
}

.admin_legend_label {
	padding-left: 5px;
	padding-right: 10px; 
	float: left;
}

#admin_user_info_links_div {
	margin-left: 6px; 
	margin-top: 18px;
}

.printR {
	margin-left: auto; 
	margin-right: auto;
	width: 600px; 
	text-align: left;
}

.short_br, .short_br2 {
	display: none;
}

/* GUIDE SECTION */

.guide_container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2px;
	width: calc(18.4% + 63.9vw); 
	max-width: 536px; 
	border: 2px solid #654321; 
	background-color: white; 
	text-align: justify;
	border-radius: 6px;
}

.guide_container h1 { 
	width: 100%; 
	text-align: center; 
	font-size: calc(26px + 0.8vw); 
	margin-top: 8px; 
	margin-bottom: 20px; 
	font-weight: normal;
}

.guide_container h3 {
	width: 100%; 
	font-size: 1.2em; 
	font-weight: normal; 
	margin: 14px 0 8px 0;
}

.guide_cont_padding {
	padding: 20px 68px 30px 68px; 
}

@media screen and (max-width: 700px) {	
	.guide_cont_padding { padding: 12px 26px 18px 26px; }
}

.ptext, .code_div {
	padding-left: 26px;
	padding-bottom: 8px;
}

.ptext2 {
	text-align: left;
}

div.code {
	display: inline-block;
	font-family: courier; 
	text-align: left;
	font-size: 0.96em;
	font-weight: bold;
	color: #00008b;
}

.guide_group_top {
	display: block; 
}

.guide_group_bottom {
	display: block; 
	padding-top: 8px;
}

.er_symbol {
	vertical-align: bottom;
}

.p_symbol {
	vertical-align: bottom;
	padding-bottom: 4px;
}

.no_click {
	pointer-events: none;
}

#opening_div, .main_text {
	border-radius: 6px;
}

.footer {
	margin: 0 auto;
	max_width: 600px;
	width: 80%;
}

.footer > div > div {
	display: inline-block;
	padding: 10px 10px 0px 10px;
	font-size: 0.8em;
}

#copyright {
	padding-top: 20px;
}


	#help_holder {
		postion: relative;
		margin-left: auto;
		margin-right: auto;
		width: 98%;
		height: 0;
	}

	#help_cover {
		position: fixed;
		left: 50%;
		top: -1px;
		transform: translate(-50%,0);
		margin-bottom: 25px;
		width: 95vw;
		height: 96vh;
		max-width: 680px;
		z-index: 900;
	}

	#help_div {
		position: fixed;
		left: 50%;
		top: 170px;
		transform: translate(-50%,0);
		padding-bottom: 5px;
		z-index: 1000;
	}

	#help_div_help {
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
	}

	#help_content {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 25px;
		width: 74vw;
		max-width: 450px;
		text-align: justify;
		border-radius: 6px;
		box-shadow: 5px 5px 10px #444;
		padding: 3px 35px 10px 35px;
		font-size: 1em;
		outline: 2px solid #444;
		background-color: #fdfdfd;
	}

	#help_content h2 {
		text-align: center;
	}

	#help_close_div {
		position: absolute;
		right: 0;
		top: 4px;
		width: 30px;
 		height: 42px;
		line-height: 42px;
		z-index: 1010;
	}

	.help_item {
		margin-bottom: 20px;
	}

	.help_item th {
		vertical-align: top;
		padding-right: 6px;
	}

	.help_item p {
		margin-left: 20px;
	}

	.help_item p a {
		text-decoration: none;
	}

	.item_code {
		font-family: "Sometype Mono";
		font-size: 0.98em;
		font-weight: normal;
		color: #00008b;
	}

	.help_dd_tbl {
		width: 62vw;
		max-width: 330px;
		text-align: left;
		margin-left: 20px;
		font-size: 0.9em;
	}

	.help_dd_tbl th {
		font-weight: normal;
		vertical-align: top;
		padding-bottom: 8px;
	}

	.help_dd_tbl th span {
		font-size: 0.9em;
	}

	.help_dd_tbl td {
		vertical-align: top;
		padding-bottom: 8px;
	}

	.help_dd_tbl > tbody > tr:first-child th {
		text-align: center;
		font-weight: bold;
		padding-bottom: 10px;
	}

	div.bull {
		display: inline;
		height: 100%;
	}

	p.bull {
		display: inline;
	}

	.indent_last {
		margin-bottom: 2px;
	}

	.material-symbols-outlined {
	}

	.help_eq_fields_tbl {
		margin-left: 27px;
		margin-bottom: 0;
		font-size: 0.9em;
	}

	.help_eq_fields_tbl th {
		padding-right: 36px;
	}

	.wrap_help_tbl {
		display: flex;
		font-size: 0.9em;
		margin-left: 20px;
		width: 62vw;
		max-width: 330px;
	}

	.left_help_tbl {
		flex: 1;
		display: flex;
	}

	.left_help_tbl::after {
		content: '';
		border-bottom: 1px dashed;
		flex: 1;
		margin: 0 .5em;
	}

	.narrow_inv {
		display: none;
	}

	.narrow_inv_top {
		margin: 8px auto;
		max-width: 390px;
		width: 98vw;
	}

	.logo_div {
		width: 350px;
		float: left;
	}

	.logo_div img, .logo_div_narrow img {
		width: 350px;
		height: 123px;
	}

	.logo_div_narrow {
		display: inline-block;
		width: 350px;
		margin-left: 25px;
	}
	
	.inv_db_div {
		display: inline-block;
		margin-top: 8px;
		font-size: 0.85em;
		margin-left: auto;
		margin-right: auto;
		width: 390px;
	}

	.inv_date_box_div > div:first-child {
		font-size: 2.1em; 
		font-weight: bold;
		text-align: center;
		font-family: sans-serif; 
	}

	.inv_date_box_tbl, .inv_date_box_tbl_narrow {
		margin-left: auto;
		margin-right: auto;
		width: 298px;
		max-width: 95vw;
		margin-top: 1px;
		border-collapse: collapse;
		text-align: center;
		font-size: 1.05em;
	}

	.inv_date_box_tbl_narrow {
		width: 99%;
		margin-bottom: 4px;
	}

	.inv_date_box_tbl_narrow tr:first-child {
		background-color: #eee;
	}

	.address_narrow_inv #bill_to {
		background-color: #eee;
	}

	.inv_date_box_tbl tr th, .inv_date_box_tbl tr td {
		border: 1px solid black;
		width: 50%;
		padding: 3px;
		font-size: 1em;
		text-align: center;
		font-family: sans-serif;
	}

	.inv_date_box_tbl_narrow th, .inv_date_box_tbl_narrow td {
		border: 1px solid black;
		padding: 3px;
		font-size: 1em;
		text-align: center;
		font-family: sans-serif;
	}

	.div_master2 {
		margin-left: auto;
		margin-right: auto;
		width: 98vw;
		max-width: 390px;
		display: none;
	}

	.inv_desc {
		padding-left: 48px;
	}

	.div_details {
		margin-left: auto;
		margin-right: auto;
		margin-top: 12px;
		width: 96vw;
		max-width: 390px;
		box-sizing: border-box;
	}

	.div_details > div {
		margin-bottom: 15px;
		border: 1px solid #00008b;
		padding: 20px 13px 1px 13px;
		background-color: #ecf4fb;
		border-radius: 5px;
	}
	
	.div_details > div:nth-child(even) {
		background-color: #dcecfa;
	}

	.div_details > div:first-child {
		padding-bottom: 14px;
		font-size: 0.97em;
	}

	.div_details > div > div:nth-child(2) {
		text-align: left;
	}

	.div_details > div > div:nth-child(4) {
		text-align: right;
	}

	.div_details textarea {
		height: 28px;
		padding: 6px 10px 0px 8px;
	}

	.div_details > div > div {
		margin-bottom: 12px;
	}

	.div_details input[type=text] {
		width: 90px;
		padding: 5px 0 5px 6px;
	}

	.div_details input[type=number] {
		width: 50px;
		padding: 5px 0 5px 6px;
		margin-right: 8px;
	}

	.div_details select {
		padding: 5px 0 5px 6px;
	}

	.div_details input[type=checkbox] {
		transform: scale(1.35);
	}

	.checkbox_size {
		transform: scale(1.35);
	}

	.bill_to {
		background-color: yellow;
	}

	.name_addr_outer_div {
		width: 350px;
		font-size: 1.05em;
		box-sizing: border-box;
	}

	.address_narrow_inv {
		width: 99%;
		max-width: 385px;
		margin: 0 auto;
		box-sizing: border-box;
	}

	.name_addr_display {
		width: 390px; 
	}

	div.name_addr_display div:first-child {
		text-align: left;
		padding-left: 8px;
	}

	.name_addr_edit {
		width: 440px; 
	}

	.name_addr_outer_div div:first-child {
		text-align: center;
		padding: 5px 0;
		font-weight: normal; 
		font-family: sans-serif;
		border: 1px solid black; 
		border-bottom: 0px solid black;
	}

	.name_addr_outer_div div:nth-child(2) {
		text-align: center;
		padding: 5px 0;
		border: 1px solid black; 
	}

	.name_addr_outer_div table {
		margin: 7px 0 5px 0;
		padding-left: 18px; 
		text-align: left;
		font-size: 1.03em;
	}

	.name_addr_outer_div table th {
		padding-left: 3px;
		padding-bottom: 3px; 
		font-weight: normal;
	}

	.name_addr_outer_div table td {
		padding-left: 10px;
		padding-bottom: 3px; 
	}

	.name_addr_outer_div table tr:first-child input:first-child, 	.name_addr_outer_div table tr:nth-child(2) input:first-child, .name_addr_outer_div table tr:nth-child(3) input:first-child    {
		width: 240px;
	}

	.name_addr_outer_div table tr:nth-child(4) input:first-child {
		width: 110px;
	}

	.name_addr_outer_div table input:nth-child(2) {
		width: 30px;
	}

	.name_addr_outer_div table input:nth-child(3) {
		width: 61px;
	}

	.name_addr_outer_div table input {
		font-size: 0.85em;
	} 

	.center {
		text-align: center;
	}

	.terms_tbl {
		position: absolute;
		right: 0;
		top: 291px;
		width: 160px;
		font-family: sans-serif;
		border-collapse: collapse;
	}

	.terms_tbl th, .terms_tbl td {
		border: 1px solid black;
		padding: 3px 0;
		text-align: center;
	}

.thank_you_div {
	font-size: 1.85em;
	width: 380px;
	text-align: left;
	padding-top: 2px;
	padding-left: 45px;
}

.tip_div {
	width: 455px;
	text-align: left;
	padding-top: 19px;
	padding-left: 45px;
	font-size: 1.1em;
}

.datepicker_tbl1 {
	position: fixed;
	left: 50%;
	transform: translate(-50%,0);
	top: 150px;
	background-color: #dee9ff;
	text-align: center;
	font-size: 0.95em;
	outline: 2px solid #444;
	padding: 8px;
	border-radius: 6px;
	box-shadow: 3px 3px 6px #444;
	z-index: 2390;
}

.datepicker_tbl1 th {
	font-weight: normal;
	font-size: 0.6em;
}

.datepicker_tbl1 tr td {
	width: 35px;
	max-width: 35px;
	height: 28px;
	max-height: 30px;
	padding-top: 2px;
}

.datepicker_tbl1 tr:first-child td>div {
	background-color: #dee9ff;
	padding-bottom: 12px;
	font-size: 0.9em;
	margin-left: 5px;
	margin-right: 5px;
	display: inline-block;
}

.datepicker_tbl1 tr:first-child td:first-child>div>select {
	font-size: 1.6em;
}

.datepicker_tbl1 tr:last-child td {
	background-color: #dee9ff;
	padding-top: 8px;
	padding-bottom: 4px;
	border-radius: 4px;
}

.datepicker_tbl1 tr:last-child td input[type=button] {
	font-size: 0.88em;
}

.datepicker_tbl1 tr:nth-child(2) th {
	font-size: 0.73em;
	width: 35px;
	max-width: 35px;
}

#cal_month1, #cal_year1 {
	font-size: 0.88em;
	padding: 2px;
	border-radius: 4px;
	font-size: 0.8em;
}

.datepicker_tbl2 {
	position: fixed;
	left: 50%;
	transform: translate(-50%,0);
	top: 150px;
	background-color: #dee9ff;
	text-align: center;
	font-size: 0.85em;
	outline: 2px solid #444;
	padding: 4px;
	border-radius: 5px;
	box-shadow: 3px 3px 6px #444;
	z-index: 90;
	box-sizing: border-box;
}

.datepicker_tbl2 th {
	font-size: 0.8em;
}

.datepicker_tbl2 td {
	padding: 3px 5px;
}

.td_cursor {
	cursor: pointer;
}

.datepicker_tbl2 select {
	font-size: 1.2em;
}

.datepicker_tbl2 tr:first-child td {
	background-color: #dee9ff;
	padding-bottom: 7px;
}

.datepicker_tbl2 tr:first-child td > div {
	display: inline-block;
	font-size: 0.97em;
	margin: 0 4px;
}

.datepicker_tbl2 tr:last-child td {
	background-color: #dee9ff;
	border-radius: 3px;
	padding-top: 8px;
	padding-bottom: 4px;
}

.datepicker_tbl2 tr:last-child td input[type=button] {
	font-size: 0.8em;
}

#cal_month2, #cal_year2 {
	padding: 2px;
	border-radius: 4px;
	font-size: 0.7em;
}

.date {
	vertical-align: bottom;
}

.date input[type=text] {
	width: 104px;
	margin-top: 0;
	padding: 3px 4px 3px 1px;
	font-size: 0.90em;
	text-align: center;
}

.material-symbols-outlined.calendar {
	font-variation-settings:
	'FILL' 0,
	'wght' 400,
	'GRAD' 0,
	'opsz' 24;
	transform: translate(2px,-2.5px);
	font-size: 1.27em;
	vertical-align: bottom;
}

.calendar_bg {
	background-color: white;
}

.calendar_highlight {
	background-color: #add8e6;
}

.calendar_selected {
	background-color: #5eb2ff;
}

.date_box_div {

	float: right;
	margin-bottom: 16px;
}

@media screen and (min-width: 551px) {	
	.picker2_hidden { display: none; }
}

@media screen and (max-width: 550px) {	
	.short_br { display: inline; }
	.short_br2 { display: none; }
	.picker1_hidden { display: none; }
	#frame { display: none; }
}

@media screen and (max-width: 700px) {	
	.short_br2 { display: inline; }
}

@media screen and (max-width: 1030px) {	
	#frame { display: none; }
	.narrow_inv { display: block; }
}