body {
    background-image:url("/img/login/background.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
	color:#00c8ff;
	/*font-family: "Muli Black";
	src: url(/css/Muli-Black.ttf);*/
	font-family: "Arial";
	font-weight: bold;	
}
html {
    height: 100%
}

.login-html .tab{
	font-size:22px;
	margin-right:15px;
	padding-bottom:5px;
	margin:0 15px 10px 0;
	display:inline-block;
	border-bottom:2px solid transparent;
}

input{
	background:transparent;
	border:solid 2px #00c8ff;
	padding:10px;
	color:#ffffff;
	border-radius:25px;
	
   /*border-image-source: linear-gradient(18deg, rgba(0,200,255,1) 0%, rgba(0,200,255,1) 68%, rgba(2,99,254,0.1741071428571429) 100%);
    border-image-slice: 1;	*/
	margin-bottom:15px;
	text-align:center;
	font-size:1.1em;
}

::placeholder {
  color: #ffffff;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #ffffff;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #ffffff;
}

.label{
	font-size:0px;
	text-indent:-9999px;
	position: absolute;
}

.login-wrap{
	margin-left:50px;
}

h1{
   margin-left:50px;
}

.button{
	padding-left:40px;padding-right:40px;
}

.grounded-radiants {
    position: relative;
    border: 4px solid  linear-gradient(orange, violet);
    border-radius: 16px;
    background:transparent; /*linear-gradient(orange, violet);*/
    background-clip: padding-box;
    padding: 10px;
    /* just to show box-shadow still works fine */
    /*box-shadow: 0 3px 9px #00c8ff, inset 0 0 9px white;*/
}
/*
.grounded-radiants::after {
    position: absolute;
    top: -4px; bottom: -4px;
    left: -4px; right: -4px;
    background: linear-gradient(#00c8ff, blue);
    content: '';
    z-index: -1;
    border-radius: 16px;
}*/

.rounded-corners-gradient-borders {
  width: 300px;
  height: 80px;
  border: double 4px transparent;
  border-radius: 80px;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #f00,#3020ff);
  background-origin: border-box;
  background-clip: conten1t-box, border-box;

}



/*****responsive********/


@media only screen and (max-width: 768px) {

body {
    background-image:none;
	background:#10104f;
}

	.login-wrap{
		width: 100%;
		margin: 0px;
	}
	input{
		width:90%;
		margin:auto;
		margin-bottom: 15px;
	}
	
	.cs-img-mainlogo{
		width:99%;
	}
	
	.cs-img-mainlogo{
		width:99%;
	}	
	
	.cs-img-bar{
		width:99%;
	}
	
	.group{
		text-align:center;
	}
}