html{
	background: rgb(255,255,255);
background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(254,252,252,1) 100%);
font-family: 'Poppins' !important;
}

.login-container{
	
font:normal 13px/normal "Poppins", Helvetica, sans-serif;
;
color:#545454;
/*Background Color*/
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #f1f1f121 1%, #fbfbfb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f1f1f121 1%,#fbfbfb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f1f1f121 1%,#fbfbfb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

	height: fit-content;
	width: 340px;
	border:solid white 1px;


box-shadow: 0 0px 3px rgba(0,0,0,0.15);
transition: box-shadow 0.4s ease-in-out;

	top:0;
	bottom: 0;
	left: 0;
	right: 0;
  		
	margin: auto;
	
margin-top: 2%;
	box-sizing: border-box;

padding-top: 10px;
padding-bottom: 15px;

}


.login-container:hover{


	width: 340px;
	box-shadow: 0 3px 10px rgba(0,0,0,0.2);



}


.logo{
	margin-top: 6%;
}


#zlt{
	width: 110px;
	height: 170px;

	display:block;
	margin-top: 20px;
	margin-left:auto;
	margin-right:auto;
}



.row1{
		height: auto;
	width: 100%;
	
	margin-right: 0%;
	margin-left:0%;
	margin-top: 0%;
	margin-bottom: 0%;
	display: inline-block;
	
}


.row14{
	height: auto;
	width: 75.3%;
	
	margin-right: 5%;
	margin-left:12%;
	margin-top: 2%;
	margin-bottom: 2%;
	display: inline-block;
	border:1px solid  #c9c9c9;
	border-radius: 3px;
}

.row16{
		height: auto;
	width: 100%;
	visibility: hidden;
	margin-right: 0%;
	margin-left:0%;
	margin-top: 0%;
	margin-bottom: 0%;
	display: inline-block;
}


.split{
	height: auto;
	width: 34.2%;
	
	float:left;
}
.split2{
	height: auto;
	width: 49.2%;
	
	float: right;
}


.css-input {
     padding: 1px;
     height: 22px;
     font-size: 10px;
     border-width: 1px;
     border-color: #CCCCCC;
     background-color: #FFFFFF;
     color: #000000;

     border-style: solid;
     border-radius: 3px;
     box-shadow: 0px 0px 2px rgba(66,66,66,.13);
     padding-left: 8px;
     float: right;
     margin: 10px;
     margin-bottom: 0px;
     width: 50%;
     margin-right: 12%;
}
 .css-input:focus {
     outline:none;
}

label{
	margin:15px;
	margin-bottom: 0px;
	margin-left: 12%;
	margin-right: 0;
	text-align: right;
	float: left;
}

.myButton {

	outline: none;
	margin-left: 10px;
	
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#4a4a4a;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
}
.myButton:active {
	position:relative;
	top:1px;
}


.check {
  cursor: pointer;
  

  width: 18px;
  height: 18px;
  -webkit-tap-highlight-color: transparent;
  transform: translate3d(0, 0, 0);
}
.check:before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: rgba(34,50,84,0.03);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.check svg {
  position: relative;
  z-index: 1;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: #c8ccd4;
  stroke-width: 2;
  transform: translate3d(0, 0, 0);
  transition: all 0.2s ease;
}
.check svg path {
  stroke-dasharray: 60;
  stroke-dashoffset: 0;
}
.check svg polyline {
  stroke-dasharray: 22;
  stroke-dashoffset: 66;
}
.check:hover:before {
  opacity: 1;
}
.check:hover svg {
  stroke: #4285f4;
}
#cbx:checked + .check svg {
  stroke: #4285f4;
}
#cbx:checked + .check svg path {
  stroke-dashoffset: 60;
  transition: all 0.3s linear;
}
#cbx:checked + .check svg polyline {
  stroke-dashoffset: 42;
  transition: all 0.2s linear;
  transition-delay: 0.15s;
}







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


	label{
		font-size: .5rem;
	}
	img{
		max-width: 100%;
	}

	.login-container{
		max-width: 100%;
	}
}