body.login_servlet {
	font-family: Tahoma, Arial;
	color: #383838;
}

/*Модальная форма выбора сертификата*/
.modal-mask {
	position: fixed;
	background: rgba(145, 145, 145, .15);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.modal-mask.inactive {
	display: none !important;
}

.cert-modal {
	border-radius: 10px;
	position: fixed;
	margin: auto;
	width: 30%;
	left: 0;
	right: 0;
	top: -150px;
	bottom: 0;
	height: 150px;
	background: white;
	display: flex;
	flex-direction: column;
	z-index: 1050;
	box-shadow: 0 0 15px rgba(162, 162, 162, 0.5);
	padding: 20px;
}

.cert-modal .content {
	flex: 1;
	overflow-y: hidden;
	overflow-x: hidden;
	max-height: 150px;
	margin-bottom: 15px;
}

.cert-modal .title {
	text-align: center;
	color: rgb(92, 92, 92);
	margin-bottom: 15px;
}

.cert-modal .title div {
	display: inline-block;
	padding-bottom: 15px;
	font-weight: bold;
	font-size: 20px;
}

.cert-modal .buttons {
	text-align: right;
	padding: 5px;
	margin-bottom: 5px;
}

.cert-modal .certificate {
	padding: 5px;
}

.cert-modal .certificate:hover {
	background: #DBDBDB;
	border-radius: 4px;
}

.cert-modal .certificate .cn {
	font-size: 18px;
	margin-bottom: 3px;
	color: rgb(80, 80, 80);
}

.cert-modal .certificate .more {
	font-size: 12px;
	color: gray;
}

.cert-modal .ok {
	padding: 5px 20px;
	margin: 0;
	background-color: white;
	border-radius: 5px;
	text-align: center;
	cursor: pointer;
	border: 1px solid gray;
}

.cert-modal .detail {
	border-radius: 4px;
	padding: 3px;
	background-color: rgb(250, 250, 220);
	height: 40px;
	color: gray;
}

.cert-modal .detail p {
	margin: 0;
	font-size: 10px;
}

.cert-modal .detail p.error {
	color: #d8620b;
}

/* Стили форм логина */
.login_servlet .main_area {
	margin: auto;
	width: 450px;
	margin-top: 2%;
}

.login_servlet .footer {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 30px;
	border: 1px solid black;
	background-color: #dddddd;
}

.login_servlet .logo {
	display: block;
	height: 100px;
	background-position: center;
	background-size: 100px;
	background-repeat: no-repeat;
	background-image: url("img/money.png");
}

.login_servlet .title {
	display: block;
	color: #0098ad;
	font-size: 24px;
	text-align: center;
	margin-bottom: 10px;
}

.login_servlet .sub-title {
	text-align: center;
	display: block;
	color: #aaaaaa;
	font-size: 16px;
	margin: 0 0 15px 0;
}

.login_servlet .form-title {
	text-align: center;
	display: block;
	color: #0098ad;
	font-size: 16px;
	margin-bottom: 5px;
}

.login_servlet .splitter1 {
	display: block;
	height: 40px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("img/splitter1.png");
}

.login_servlet .splitter2 {
	display: block;
	height: 40px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("img/splitter2.png");
}

.login_servlet .forms {
	background-color: #f8f8f8;
	border: 1px solid #e6e6e6;
	border-radius: 5px;
	padding: 30px;
	display: flex;
	flex-direction: column;
}

.login_servlet .button {
	border-style: none;
	border-width: 0;
	background-color: #0098ad;
	color: #ffffff;
	font-size: 18px;
	width: 100%;
	padding: 11px;
	margin-top: 7px;
	margin-bottom: 7px;
	cursor: pointer;
}

.login_servlet .button:hover {
	box-shadow: 0px 0px 4px #007787;
}

.login_servlet .button:disabled {
	background-color: #c5c5c5;
}

.login_servlet .refresh {
	background-color: #0064ae;
}

.login_servlet .forbidden-message {
	color: maroon;
}

.login_servlet .input-frame {
	white-space: nowrap;
	display: flex;
	position: relative;
	margin-bottom: 15px;
}

.login_servlet .input-frame .input {
	border-style: solid;
	border-width: 1px;
	border-color: #c6c5c5;
	flex: 1;
	padding: 12px;
}

.login_servlet .input-frame .icon {
	display: inline-block;
	width: 32px;
	height: 32px;
	border-style: none;
	text-align: right;
	position: absolute;
	right: 2px;
	top: 6px;
	pointer-events: none;
	background-repeat: no-repeat;
}

.login_servlet .error {
	color: #d8620b;
}

.login_servlet .input.error {
	border-color: #d8620b;
}

.login_servlet .warning {
	color: maroon;
}

.login_servlet .input-frame .person {
	background-image: url("img/person.png");
}

.login_servlet .input-frame .lock {
	background-image: url("img/lock.png");
}

.login_servlet .input-frame .kaptcha {
	background-image: url("img/check.png");
}

.login_servlet .input-frame .mail {
	background-image: url("img/email.png");
}

.login_servlet .input-frame .mail {
	background-image: url("img/email.png");
}

.login_servlet .input-frame .tooltiptext {
	visibility: hidden;
	width: 350px;
	background-color: rgb(250, 250, 220);
	color: gray;
	padding: 10px 10px;
	border-radius: 6px;
	white-space: normal;
	height: auto;
	position: absolute;
	z-index: 1;
	top: -50%;
	left: 105%;
}

.login_servlet .input-frame:hover .tooltiptext {
	visibility: visible;
}

.login_servlet .input-frame input:focus+.tooltiptext {
	visibility: visible;
}

.login_servlet .input-frame .tooltiptext::after {
	content: " ";
	position: absolute;
	top: 50%;
	right: 100%;
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent rgb(250, 250, 220) transparent transparent;
}

.login_servlet .tools {
	margin-top: 5px;
	margin-bottom: 5px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.login_servlet .tools .tool {
	color: #00b6cd;
	font-size: 14px;
}

.login_servlet .idp-join {
	margin-bottom: 10px;
	margin-top: 10px;
}

.login-combobox {
	flex: 1;
	display: flex;
	border-style: solid;
	border-width: 1px;
	border-color: #c6c5c5;
}

.login-combobox.inactive {
	display: none !important;
}

.forms.inactive {
	display: none !important;
}

.login-combobox.invalid {
	border-color: #d8620b;
}

.login-combobox .combobox-input {
	flex: 1;
	border: none;
	padding: 12px;
}

.login-combobox.readonly .combobox-input {
	cursor: pointer;
}

.login-combobox .box-button {
	background-color: white;
	width: 40px;
	height: calc(100% - 2px);
	border: solid #c1c3d2;
	border-width: 0 0 0 1px;
	cursor: pointer;
	position: absolute;
	right: 1px;
}

.login-combobox .box-button .arrow {
	width: 9px;
	height: 10px;
	display: block;
	margin: 10px auto;
	border: solid #c1c3d2;
	border-width: 0 1px 1px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.login-combobox .box-button:active {
	background: rgb(221, 221, 221);
}

.login-combobox .box-button:hover .arrow {
	border: solid #0098ad;
	border-width: 0 1px 1px 0;
}

.combo-list {
	display: none;
	position: absolute;
	top: 40px;
	left: 0px;
	background: white;
	width: calc(100% - 2px);
	border: 1px solid #c1c3d2;
	z-index: 1060;
	max-height: 220px;
	overflow-y: auto;
	overflow-x: hidden;
}

.combo-list.shown {
	display: block;
}

.combo-list-element {
	padding-left: 12px;
	font-size: 13.33px;
	padding-bottom: 2px;
	padding-top: 3px;
	cursor: pointer;
}

.combo-list-element:hover {
	background: #98c1ec;
}

.combo-list-element.selected {
	background: #c1c3d2;
}

.combo-list-element.highlighted {
	background: #98c1ec;
}

.checkbox-container {
	display: block;
	position: relative;
	padding-left: 30px;
	margin: 0 auto;
	margin-top: 15px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 15px;
}

.checkbox-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 16px;
	width: 16px;
	border-radius: 4px;
	background-color: #eee;
	border-style: solid;
	border-width: 1px;
	border-color: #c6c5c5;
}

.checkbox-container:hover input ~ .checkmark {
	box-shadow: 0px 0px 2px #007787;
}

.checkbox-container input:checked ~ .checkmark {
	background-color: #0098ad;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.checkbox-container input:checked ~ .checkmark:after {
	display: block;
}

.checkbox-container .checkmark:after {
	left: 6px;
	top: 3px;
	width: 3px;
	height: 7px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.error-message {
	color: #d8620b;
}

.login-form-mask {
	opacity: 0.5;
	background-color: #ccc;
	position: absolute;
	zoom: 1;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
}

.login-form-mask-box {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	background-color: white;
	padding: 5px 10px 5px 10px;
	display: inline-block;
	position: absolute;
	text-align: center;
}

.login-form-mask-box.unmask {
	display: none;
}

.login-form-mask-text {
	font-size: 11px;
	line-height: 17px;
	text-align: center;
	margin-top: 5px;
}

.login-form-mask-icon {
	width: 128px;
	height: 15px;
	display: inline-block;
	background-position: center;
	background:
		url(data:image/gif;base64,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)
		no-repeat 0px 0px;
}

.expiredPass {
	display: block;
	padding-top: 12px;
}

.buildInfo {
	color: grey;
	font-size: 13px;
	margin-bottom: -25px;
	margin-top: 25px;
}