html,
body {
  width: 100%;
  height: 100%;
}
body {
  margin: 0 auto;
  display: table;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  background: #38678F;
  max-width: 33em;
}
.wrap {
  margin-top:50px;
}

.flip-container {
  perspective: 1000;
  border-radius: 50%;
  margin: 0 auto 10px auto;
}

.logged-in {
	transform: rotateY(180deg);
}

.flip-container, .front, .back, .back-logo {
	width: 130px;
	height: 130px;
}

.flipper {
	transition-duration: 0.6s;
	transform-style: preserve-3d;
}

.front, 
.back {
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
  background-size: cover;
}

.front {
	background: url(../images/Flip_Img.png) 0 0 no-repeat;
}
.k-rtl {
    direction: rtl;
}
.back {
	transform: rotateY(180deg);
	background: url(../images/Flip_Img2.png) 0 0 no-repeat;
}

h1 {
  font-size: 22px;
  color: #FFF;
}
h1 span {
  font-weight: 300;
}
input[type=text],
input[type=password],.allinput,.k-ff input.k-textbox {
 color: #000932;
background: transparent linear-gradient(45deg, #D6E7F2 0%, #FFF 100%) repeat scroll 0% 0%;
  width:250px;
  height:40px;
  margin: 0 auto 10px auto;
  font-size:14px;
  padding-left:15px;
  border:none;
  box-shadow: -3px 3px #679acb ;
  -webkit-appearance:none;
  border-radius:0;
  border-top: 1px solid #92c5e2;
  border-right: 1px solid #92c5e2;
}
input::-webkit-input-placeholder { 
  color: #FFF;
}
input:focus {
  outline:none;
}
input[type=submit],.k-button {
       color: #FFF;
    background-color: #FF7315;
    font-size: 16px;
    height: 40px;
    border: medium none;
    margin: 10px auto 0px 17px;
    padding: 5px 20px;
    border-radius: 0px;
    cursor: pointer;
}
}
input[type=submit]:hover {
  background-color:#326C0E;
}
a {
  color:#fff;
  font-weight:600;
  font-size:12px;
  text-decoration:none;
}
a:hover {
  color:#3f7ba2;
}

.hint
{
  width:250px;
  dislay:block;
  margin:80px auto 0 auto;
  text-align:left;
}

.hint p
{
  padding: 5px 0 5px 0;
  color:#FFF;
  font-weight:600;
  font-size:20px;
}

.hint p span
{
  font-weight:300;
  font-size:16px;
}
 .k-widget.k-tooltip-validation {
    
    position: absolute;
    
}
 .k-widget.k-tooltip-validation {
    border-color: #D2C2A3;
    background-color: #E16144;
    color: #FFF;
    font-weight: normal;
padding: 7px;
}