input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
     color: #333 !important;
}


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  color: #333 !important;
  font-size: 18px;
}

.drinna_cloud_icon{
	width: 100px;
}

.pwd_img{
	display:none;
} 

#login_circle{
	margin: 0 auto;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: #0d0d0d;
    text-align: center;
    line-height: 150px;
    border: 1px solid #666666;
    transition: .9s;
    opacity:0.9;
}

#text_circle{
    font-family: Titillium Web;
    font-size: 1.4em;
    width:150px;
    text-align:center;
    overflow:inherit;
}

span {
      display: inline-block;
      vertical-align: middle;
      line-height: normal;
}


@-moz-keyframes login_circle /*--for firefox--*/{
    from{
        -moz-transform:rotate(0deg);
    }       
    to{
        -moz-transform:rotate(360deg);
    }                       
}

@-webkit-keyframes login_circle /*--for webkit--*/{
    from{
        -webkit-transform:rotate(0deg);
    }       
    to{
        -webkit-transform:rotate(360deg);
    }                       
}

@keyframes login_circle{
	from{
        -o-transform:rotate(0deg);
    }       
    to{
        -o-transform:rotate(360deg);
    }                      
}

.create_account{
	font-size:0.9em;
	text-decoration: 
	none; color:#FFF
}

.create_account:hover{
	font-weight: bold;
}
.by_quarkint_image{
	width: 100px;
	margin-top: 15px;
}
.by_quarkint_footer {
    width: 100px;
    position: relative;
    /* bottom: 10px; */
    /* right: 10px; */
    float: right;
}

.flex_box{
	max-width:330px;
}

.login_button{
	min-width: 120px !important;
    height: 50px !important;
}

 .preloader {
	height: 100%;
	flex-direction: column;
	display: flex;
	justify-content: center;
	align-items: center;
	position:fixed;
	height: 100%;
	width: 100%;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 9999;
 	
 }

.preloader__enter {
  opacity: 0;
  animation-name: preloader-fade-in;
  animation-iteration-count: 1;
  animation-duration: .9s;
  animation-delay: 1.35s;
  animation-fill-mode: forwards;
}

.preloader__bounce {
  text-align: center;
  animation-name: preloader-bounce;
  animation-duration: .9s;
  animation-iteration-count: infinite;
}

.preloader__logo {
  display: inline-block;
  animation-name: preloader-squash;
  animation-duration: .9s;
  animation-iteration-count: infinite;
  width: 80px;
  height: 65px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/png;base64,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");
}

.preloader__text {
  margin-top: 16px;
  font-weight: 500;
  font-size: 14px;
  font-family: Sans-serif;
  opacity: 0;
  animation-name: preloader-fade-in;
  animation-duration: .9s;
  animation-delay: 1.8s;
  animation-fill-mode: forwards;
}

.theme-light .preloader__text {
  color: #52545c;
}

.theme-dark .preloader__text {
  color: #d8d9da;
}

@keyframes preloader-fade-in {
  0% {
    opacity: 0;
     
    animation-timing-function: cubic-bezier(0, 0, 0.5, 1)
  }
  100% {
    opacity: 1;
  }
}

@keyframes preloader-bounce {
  from,
  to {
    transform: translateY(0px);
    animation-timing-function: cubic-bezier(0.3, 0.0, 0.1, 1)
  }
  50% {
    transform: translateY(-50px);
    animation-timing-function: cubic-bezier(.9, 0, .7, 1)
  }
}

@keyframes preloader-squash {
  0% {
    transform: scaleX(1.3) scaleY(.8);
    animation-timing-function: cubic-bezier(.3, 0, .1, 1);
    transform-origin: bottom center;
  }
  15% {
    transform: scaleX(.75) scaleY(1.25);
    animation-timing-function: cubic-bezier(0, 0, .7, .75);
    transform-origin: bottom center;
  }
  55% {
    transform: scaleX(1.05) scaleY(.95);
    animation-timing-function: cubic-bezier(.9, 0, 1, 1);
    transform-origin: top center;
  }
  95% {
    transform: scaleX(.75) scaleY(1.25);
    animation-timing-function: cubic-bezier(0, 0, 0, 1);
    transform-origin: bottom center;
  }
  100% {
    transform: scaleX(1.3) scaleY(.8);
    transform-origin: bottom center;
    animation-timing-function: cubic-bezier(0, 0, 0.7, 1);
  }
}

 
.preloader__text--fail {
  display: none;
}

 
.preloader--done .preloader__bounce,
.preloader--done .preloader__logo {
  animation-name: none;
  display: none;
}

.preloader--done .preloader__logo,
.preloader--done .preloader__text {
  display: none;
  color: #ff5705 !important;
  font-size: 15px;
}

.preloader--done .preloader__text--fail {
  display: block;
}