/**
 *  Login-page
 */
 
#loginpage-bg, loginpage-site {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}



#loginpage-bg {
	z-index: -100;
}

#loginpage-site {
	z-index: 100;
}

.btn-grp-special {
  display: flex;
}

.btn-grp-special .btn {
  flex: 1
}

.close-element{
	position:absolute;
	top: 20px;
	right: 30px;
	width: 30px;
	height: 30px;
	z-index: 200;
}

#loginpage-content {
	position: absolute;
	top: 0;
	left: 40px;
	right: 40px;
	bottom: 0;
}

#loginpage-content h1,  #loginpage-content h2 {
	color: #FFFFFF;
}

ul.two-column-list {
	display: block;

}

ul.two-column-list li {
    float: left;
    list-style: outside none none;
    width: 50%;
    list-style-type: none;
    height: 60px;
	  -webkit-transition: opacity .35s ease-in-out;
        -moz-transition: opacity .35s ease-in-out;
        -ms-transition: opacity .35s ease-in-out;
        -o-transition: opacity .35s ease-in-out;
        transition: opacity .35s ease-in-out;

}

ul.two-column-list li span{
 	height: 40px;
 	display:block;
 	margin-left:10px;
 	border-radius: 25px;
  	border: solid 2px #ffffff;
  	text-align: left;
  	line-height: 36px;
  	vertical-align: middle;
  	justify-content: center;
  	align-items: center;
  	color: #ffffff;
	padding-left: 6px;
	overflow: hidden;
}

ul.two-column-list li span img{
	padding-bottom: 5px;
	padding-top: 2px;
	vertical-align: middle;
  	justify-content: center;
  	align-items: center;	
}



ul.two-column-list li:nth-child(odd)  >span{
		margin-left: 0 !important;
		margin-right: 10px;

}

.inactive {
	opacity: 0.3;
}


.active {
	background-color: #FFFFFF;
	color: #1489FE !important;
}

.scrollblock {
	 overflow-y: scroll;
	 position: absolute;
	 bottom: 0;
   	 top: 0;
   	 padding-top: 80px; 
   	 -ms-overflow-style: none;
}
.scrollblock::-webkit-scrollbar {
  display: none;
}

#login-input-password {
	background-image: url('../assets/lock_white.svg');
    background-position: 12px 9px;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    padding-left:35px;
}