.modal {
	display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal:target {
	display: none; /* Hidden by default */
}

.atlas-login-panel {
	z-index: 4;
	margin: 10% auto;
	position: centre;
	width: 414px;
	font-family: var(--default-font);
	font-size: 18px;
	background-color: #DEE4E7;
	border-radius: 32px;
	border: 1px solid #C7CDD0;
}

.atlas-login-panel-body{
	padding: 15px 15px 40px;
	margin: 10px;
	border: none;
}

.atlas-login-panel-title{
	margin-left: 20px;
	margin-bottom: 18px;
	margin-top: 24px;
	color: #344d71;
	font-weight: 600;
	font-size: 33px;
}

.atlas-login-panel-label {
	margin-left: 20px;
	color: #344d71;
	font-weight: 400;
	font-size: 18px;
}

.atlas-login-form-group {
	margin-bottom: 20px;
}

.atlas-login-panel-input {
	font-family: var(--default-font);
	width: 307px;
	height: 38px;
	padding: 6px 20px;
	color: #344d71;
	background: #fff;
	border-radius: 32px;
	font-weight: 400;
	font-size: 18px;
	border: 1px solid #9dadc1;
	-webkit-box-shadow: 0 0 0 30px white inset;
}

.atlas-login-panel-input-disabled{
	color: #8D9197;
	background: #f4f6f9;
}

.atlas-login-panel-input:focus {
	outline: none;
}

.atlas-button {
	font-family: var(--default-font);
	font-weight: 275;
	padding: 3px 0px 0px;
	margin-left: 1px;
	margin-bottom: 20px;
	width: 100%;
	height: 50px;
	color: red;
	background-color: #FBFCFD;
	background-repeat: no-repeat;
	border-radius: 32px;
	font-size: 29px;
	line-height: 0;
	border: 1px solid #9DAEC1;
	outline: none;
	box-shadow: 2px 3px 7px 0 rgba(0, 0, 0, 0.1);
	justify-content: center;
	align-items: center;
}

.auth-login-panel-button-span {
	line-height: 0;
	font-size: 22px;
	color: #1A3B69;
}

.icon-id-kaart:before {
	content: "\e900";
}

.icon-mobiil-id:before {
	content: "\e901";
}

.atlas-button:hover > .icon-id-kaart {
	content: "\e900";
	color: #fff ;
}
.atlas-button:hover > .icon-mobiil-id {
	content: "\e901";
	color: #fff;
}

.atlas-button:hover {
	background-color: #3a597f;
	border: 1px solid #3a597f;
}

.atlas-button-text {
	margin: 0px;
	color: #344d71;
}

.atlas-button:hover > .atlas-button-text {
	color: #fff;
}

.atlas-button-margin {
	margin-right: 14px;
}

.atlas-login-failed-sadface {
	margin-right: 20px;
	float:right;
	display: inline-block;
}

.atlas-login-failed-sadface-img {
	content: url('data:image/png;base64,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');
}

.atlas-login-failed-sadface-img:after {
	content: url('data:image/png;base64,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');
}

.atlas-login-link {
	text-decoration: none;
	font-family: var(--default-font);
	margin-left: 20px;
	color: #3E4950;
	font-weight: 275;
	font-size: 18px;
}

.atlas-login-link:hover {
	color: #1A3B69;
}

.kasutajatingimused {
	margin-left: 0px;
}

.atlas-login-link-text {
	display: inline;
	text-decoration: none;
	font-family: var(--default-font);
	margin-left: 20px;
	margin-right: 0px;
	color: #3E4950;
	font-weight: 275;
	font-size: 18px;
}

.atlas-login-neutral-message {
	font-weight: 400;
	font-size: 29px;
	color: #344d71;
	margin: 15px;
}

.altas-login-error-messages {
	margin-left: 20px;
	color: #FF8B39;
	font-weight: 400;
	font-size: 18px;
}

.altas-login-mobile-challenge {
	font-weight: 400;
	font-size: 20pt;
	color: #ff0000;
	margin-bottom:10px;
}

.checkboxAgree {
	clear:both; 
	float:left; 
	width:16px; 
	height:16px;
	margin-bottom:10px; 
	border: 2px solid #344d71; 
	border-radius: 12px;
	margin-right:10px;
	margin-top:-2px;
	cursor:pointer;
	background-image: url('../images/checker.svg');
	background-repeat: none;
	background-size: 16px 16px;
	-webkit-user-select: none;   
	-moz-user-select: none;
	-ms-user-select: none;
	margin-left: 20px;
	margin-right: 0px;
}

.atlas-delete-user-button {
	min-width: 300px;
	background-color: #d9534f; 
}

.atlas-delete-user-button-text {
	color: #ffffff;
}