@import url('kv-style.css');

body { 
	width: 100%;
	height:100%;
	font-family: 'Open Sans', sans-serif;
	background-image: url("erp_back.png");!importent;
	background-repeat: no-repeat; !importent;
	background-size: cover;!importent;
}
	
.tableheader { 
	padding-left:8px;
	background :#FFFFFF 0% 0% no-repeat padding-box;!important;
}
#login {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	max-width: 500px;
	padding: 0 30px 30px 30px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border-radius: 40px;
	opacity: .85;
	backdrop-filter: blur(50px);
	-webkit-backdrop-filter: blur(50px);
	box-sizing: border-box;
}

#login h1 { color: #fff; text-shadow: 0 0 10px rgba(0,0,0,0.3); letter-spacing:1px; text-align:center; }

input, select { 
	width: 150%; 
/*	margin-bottom: 20px; */
	height:40px !important; 
	border: none;
	outline: none;

	font-size: 13px;
	background: #fff;
    color: #000;
	/*text-shadow: 1px 1px 1px rgba(0,0,0,0.3);*/
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 5px;	
	
}
input:focus { /*box-shadow: inset 0 -5px 45px rgba(100,100,100,0.4), 0 1px 1px rgba(255,255,255,0.2);*/ }
table tr {   line-height: 60px; } 


.buttonui{ 
position: relative;
    line-height: 30px;
    overflow: hidden;
    border-width: 0;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .6);   
    background-color:#0071BC;!importent;
    color: #ecf0f1;
    transition: background-color .3s;
    font-size: 14px;
    -webkit-appearance: none;
    display: block;
    width: 100%;
    border: none;
    border-radius: 5px;
   width:100px;
  text-align: center;
  padding-top:5px;
  padding-left:15px;
  
  
 }
 
  #ui_mode {
        display: none;
    }
    
    
    @media (max-width: 768px){
	.login tr td.tableheader{
		display: none;
	}
}

@media (max-width: 400px){
#login {
    width: 320;
    position: relative;
    top: 40%;
    left: 50%;
    
    margin-top: 10%;
}}

@media (max-width: 600px) {
	input,
	select {
		width: 170px;
	}
}

#login .center{
	left:50px;
}