/* global styles */
*
{
    margin: 0;
    padding: 0;
}
html, body, table
{
	font-size: 100%;
}
body
{
    background: #ffffff;
    color: #000000;
    padding: 12px 0 12px 0;
    font-family: "Open Sans", tahoma, arial, sans-serif;
}
body, input, select, textarea
{
	font-family:"Open Sans",tahoma,arial,sans-serif;
	padding:5px;
}
hr
{
	 height:1px;
	 background-color: #000000;
	 border:none;
}
form
{
	padding:0;
	margin:0;
}
.hidden
{
	display:none;
}
.center
{
	text-align:center;
}
.left
{
	float:left;
}
.right
{
	float:right;
}
.spacer
{
	height:15px;
}
.medium-spacer
{
	height:10px;
}
.small-spacer
{
	height:5px;
}
.form-entry th.buttons-left
{
	text-align:left;
}
.form-entry td.buttons-right
{
	text-align:right;
}
input[type="text"], input[type="email"], input[type="password"], select, textarea
{
	font-size:1em;
	vertical-align:middle;
	border:1px solid #d0def1;
	border-radius:4px;
	height:35px;
	box-sizing: border-box;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, select:focus, textarea:focus
{
	border:1px solid #609ed8;
}
input.large, select.large
{
	width:275px;
}
input.medium, select.medium
{
	width:175px;
}
select
{
	height:35px;
}
input[type="submit"], input[type="reset"], input[type="button"]
{
 	padding: 0 15px 0 15px;
	vertical-align:middle;
	border-radius:4px;
	border:1px solid white;	
  	color:white;
	min-width:150px;
	font-size:.9em;
	cursor:pointer;
	text-transform: uppercase;
	line-height:45px;
	background: linear-gradient(90deg, #006fd8 0%, #609ed8 50%, #609ed8 100%);
}
input[type="button"].medium
{
	min-width:150px;
}
input[type="button"].big
{
	min-width:200px;
}
input::file-selector-button
{
	padding:10px;
	border-radius:5px;
	border:1px solid white;
	color:white;
	min-width:100px;
	font-size:.9em;
	background-image: linear-gradient(90deg, #006fd8 0%, #609ed8 50%, #609ed8 100%);
	text-transform: uppercase;	
	cursor:pointer;
}
input[type="file"]
{
	width:100%;
	height:40px;
}
input[readonly]
{
	background-color:#ccc;
}
a img
{
	border:none;
}
.clear
{
	clear:both;
	height:1px;
	font-size:1px;
}
a:link, a:visited
{
	color:#000000;
	text-decoration: underline;
}
a:hover
{
	text-decoration: none;
}
.container, .container-home
{
	position:relative;
	display:flex;
	width:100%;
	width:auto;
	background-color:#609ED810;
}
.container
{
	background-color: #609ED810;
	border-top:1px solid #e1e5ee;
	border-bottom:1px solid #e1e5ee;
}

.container-home::before {
    content: "";
    background-image: url('../img/home.png');
    background-repeat: no-repeat;
    background-position:right;
    background-size:auto;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.40;
}
.content
{
	width:800px;
	margin:0 auto;
}
.content.home
{
	z-index:0;
}
table
{
	padding:75px 0 75px 0;
}
.header
{
	display:flex;
	align-items:center;
	width:800px;
	margin:0 auto;
	padding:15px 0 15px 0;
}
.header img
{
	max-width:350px;
}
.logo
{
	float:left;
	width:50%;
}
.menu
{
	display: flex; 
	align-items: center;
	justify-content: flex-end;	
	width:50%;
	font-size:.9em;
}
.menu .administrator-icon
{
	max-height: 15px;
    margin-right: 10px;
}
.menu .profile-photo
{
	width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
	margin:0 10px 0 0;
}
.photo-container 
{
	display:flex;
	justify-content:center;
	align-items:center;
	position: relative;
}
.profile-photo
{
	width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
}
.profile-photo.edit
{
	margin-left:30px;
}
.profile-image
{
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.action-buttons
{
	display:flex;
	flex-direction:column;
	gap:10px;
	align-items: center;
	padding-left:10px;
}
.action-buttons img
{
	max-height:25px;
}
td.slogan
{
	vertical-align:middle;
	width:50%;
	font-size:2em;
	font-weight:bold;
	color:#609ed8;
}
td.about
{
	text-align:justify;
}
.content
{
	width:800px;
	margin:0 auto;
}
.message-container
{
	display:none;
	padding:0 0 15px 0;
}
.form-entry, .profile, .list, .message, .status, .subtitle, .documents, .verification
{
	width:100%;
	padding:0 0 0 0;
}
.form-entry td
{
	padding-bottom:5px;
}
.form-entry .verified
{
	float:left;
	padding:5px 0 0 10px;
}
.form-entry .verified img
{
	max-height:25px;
}
.form-entry .link
{
	font-size:0.8em;
}
.home-message-outer
{
	display:none;
	background-color:#ffffff;
	width:800px;
	padding:10px 0 15px 0;
	margin:0 auto 0 auto;
	border:0px;
}
.home-message-inner
{
	width:800px;
	margin:0 auto 0 auto;
}
.message-container hr
{
	margin:20px 0 0 0;
}
.message td.message-text
{
	font-size:1em;
	color:#43a047;
}
p.message-text
{
	color:#43a047;
}
.status
{
	padding:0;
}
.status th, .subtitle th
{
	width:30%;
	text-align:left;
	padding:0 15px 0 0;
	font-size:1.2em;
}
.status td, .subtitle td
{
	width:70%;
	margin:5px 0 0 0;
	text-align:right;
	font-size:0.9em;
}
.status td.pending, .subtitle td.pending
{
	color:orange;
}
.status td.verified
{
	font-size:1.2em;
	font-weight:bold;
	color:#43a047;
}
.status td.verified img
{
	max-height:15px;
}
.title
{
	width:100%;
	padding:20px 0 0 0;
}
.title th
{
	text-align:left;
	font-size:1.2em;
	color:#609ed8;
}
.title td
{
	margin:5px 0 0 0;
	font-size:0.9em;
}
.title th.verified
{
	color:#43a047;
}
.title th.not-verified
{
	color:red;
}
.title td img.verification
{
	max-height:25px;
	max-width:25px;
}
.form-entry th
{
	width:40%;
	text-align:right;
	padding:0 15px 0 0;
}
.form-entry td
{
	width:60%;
	text-align:left;
}
.form-entry td.heading
{
	font-weight:bold;
	text-align:center;
}
.profile th
{
	width:45%;
	text-align:right;
	padding:0 15px 0 0;
}
.profile td
{
	width:55%;
	text-align:left;
}
.profile td img.icon
{
	max-height:12px;
	padding:0 0 0 5px;
}
.documents th
{
	text-align:left;
	width:45%;
}
.documents th.top
{
	vertical-align:top;
}
.documents td
{
	 text-align:right;
}
.documents td img
{
	max-height:350px;
	max-width:350px;
}
.documents td img.qrcode
{
	border:1px solid black;
}
.credential
{
	width:75px;
}
.credential, .credential-copy
{
	float:left;
}
.documents th img.open
{
	max-height:18px;
	padding:2px 0 0 10px;
}
.documents th img.copy
{
	max-height:18px;
	padding:2px 0 0 5px;
}
.documents th img.revoke
{
	max-height:18px;
	padding:2px 0 0 5px;
}
.documents .green
{
	color:#43a047;
}
.verification
{
	width:100%;
	padding:0 0 0 0;
}
.verification td.verified
{
	text-align:center;
	color:#43a047;
}
.verification td.not-verified
{
	text-align:center;
	color:red;
}
.verification td img.qrcode
{
	border:1px solid black;
}
.verification .left-block
{
	width:80%;
	padding:0;
	text-align:left;
	font-size:1.4em;
}
.verification .right-block
{
	padding:0;
}
.verification td.warning
{
	font-size:.75em;
}
.verification td.information
{
	font-size:.9em;
}
.verification img.warning
{
	max-height:135px;
}
.list
{
	font-size:.85em;
}
.list img
{
	max-height:15px;
}
.list img.verified
{
	max-height:22px;
}
.list .administrator
{
	padding:0 2px 0 0;
}
.list th
{
	text-align:left;
}
.list td
{
	padding-bottom:5px;
}
.list th.bottom-border
{
	border-bottom:1px solid black;
}
th.column-center, td.column-center
{
	text-align:center;
}
th.column-left, td.column-left
{
	text-align:left;
}
th.column-right, td.column-right
{
	text-align:right;
}
.break
{
	height:35px;
}
.medium-break
{
	height:15px;
}
.required
{
	color:red;
}
.required-spacer
{
	color:#ffffff;
}
.stext
{
	display:none;
	height:200px;
	width:200px;
}
.footer
{
	margin:0 auto;
	padding:15px 0 50px 0;
	width:800px;
	font-size:.8em;
}
.footer.home
{
	border-top:0px;
}
.status-dot
{
	height:20px;
	width:20px;
	border-radius:50%;
	border:1px solid black;
	display:inline-block;
}
.status-dot.yellow
{
	background-color:yellow;
}
.status-dot.orange
{
	background-color:orange;
}