@charset "utf-8";


@font-face {
	font-family: lato;
	src: url("../fonts/lato-regular.eot");
	src: url("../fonts/lato-regular.ttf");
	src: url("../fonts/lato-regular.woff");
	src: url("../fonts/lato-regular.woff2");
}


:root {
	--font_family: "lato", Sans-serif;
	--font_color: #454545;
	--link_color: #aa9166;

	--form_element_border: #dcdcdc;
	--form_element_focus_bgcolor: #f1fbf5;
	--form_element_focus_border: #54ca88;

	--form_check_bgcolor: #b39c75;
}


*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body,
input,
select,
option,
optgroup,
textarea,
button {
	font-family: var(--font_family), sans-serif;
	color: var(--font_color);
}
body {
	font-size: 96%;
	background-color: #f4f6fa;
}
input,
select,
option,
optgroup,
textarea,
button {
	font-size: 1em;
	border: 1px solid var(--form_element_border);
	outline: none;
}
img {
	max-width: 100%;
	border: none;
}

a {
	color: var(--link_color);
}






.check-page {
	position: relative;
}
.check-page .top-bar {
	width: 100%;
	padding: 0 13%;
	background-color: #ffffff;
	border-bottom: 1px solid #eeeeee;
	box-shadow: 1px 2px 5px rgba(219, 219, 219, 0.3);
	position: fixed;
	top: 0;
	z-index: 9999;
	display: flex;
	justify-content: space-between;
}
.check-page .content-bar {
	padding: 0.8% 13%;
	margin: 74px 0 20px;
	min-height: calc(100vh - 170px);
}
.check-page .footer-bar {
	padding: 1.5% 13%;
	text-align: center;
	background-color: #327381;
}

.check-page .top-bar .logo {
	padding: 0.6% 0;
	flex-basis: 50px;
}
.check-page .top-bar .logo img {
	width: 100%;
}
.check-page .top-bar .menus {
	flex-basis: calc(65% - 250px);
	align-self: center;
	display: flex;
	justify-content: flex-end;
}

.check-page .top-bar .menus .menu-link {
	margin-left: 4px;
	padding: 6px 16px;
	font-size: 15px;
	background-color: #e9e9e9;
	color: #666666;
	text-decoration: none;
	border-radius: 3px;
}
.check-page .top-bar .menus .menu-link span {
	margin-left: 4px;
}

.check-page .footer-bar .copyright {
	font-size: 14px;
	font-style: italic;
	color: #ffffff;
}


/* ------------------- */
/* ---- view aato ---- */
/* ------------------- */


.check-page .content-bar .aato-content .section {
	position: relative;
	padding: 26px 32px;
	font-size: 14px;
	line-height: 22px;
	background-color: #ffffff;
	border: 1px solid #dadada;
	border-radius: 6px;
	overflow: hidden;
}
.check-page .content-bar .aato-content .aato-summary {
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.check-page .content-bar .aato-content .info-wrapper {
	flex-basis: calc(50% - 10px);
}
.check-page .content-bar .info-wrapper .info-row {
	margin-bottom: 10px;
}
.check-page .content-bar .info-wrapper .info-row .title {
	color: #777777;
}
.check-page .content-bar .info-wrapper .info-row .value {
	font-size: 14px;
	position: relative;
}
.check-page .content-bar .info-wrapper .info-row .correct-doc-icon {
	margin-left: 10px;
	font-size: 15px;
	color: #00cc00;
}

.check-page .content-bar .aato-content .not-found {
	margin: 10px 0;
	text-align: center;
	color: #999999;
	font-style: italic;
}

.check-page .content-bar .aato-content .inside-content {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.check-page .content-bar .aato-content .inside-content .left-content {
	flex-basis: 50%;
}
.check-page .content-bar .aato-content .inside-content .right-content {
	flex-basis: calc(50% + 0px);
	padding-left: 34px;
	border-left: 1px dashed #aaaaaa;
}

.check-page .content-bar .aato-content .content-row {
	margin-bottom: 10px;
}
.check-page .content-bar .aato-content .content-row .title {
	color: #777777;
}
.check-page .content-bar .aato-content .content-row .value {
	font-size: 14px;
}


.check-page .content-bar .no-aato-found {
	padding: 46px 32px;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	background-color: #ffffff;
	border: 1px solid #dadada;
	border-radius: 6px;
	overflow: hidden;
}
.check-page .content-bar .no-aato-found div {
	margin-bottom: 14px;
}
.check-page .content-bar .no-aato-found .wrong-doc-icon {
	font-size: 22px;
	color: #da0000;
}