/*********************************************
* Minified CSS for RTDL Theme
* All kind of basic css.
*
* Developer: Ranpariya - The development lab
*********************************************/

/************************************************************
 ** authenticate.less
 ** 
 ** LESS for authentication pages such as Login, Signup etc..
 ** Developer: Ranpariya - The Development Lab - India
 ************************************************************/
/******************************************************
 ** _mixin.less
 ** 
 ** Group of mixins used in various LESS files.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
/*****************************
 * Transition for all browsers
 *****************************/
/*****************************
 * Box-shadow for all browsers
 *****************************/
/*******************
 * Box-sizing Mixin
 *******************/
/******************
 * Transform Mixin
 ******************/
/*************************
 * Transform Origin Mixin
 *************************/
/*********************************
 * Sets Animation for all browsers
 *********************************/
/******************************************
 * Sets Animation Duration for all browsers
 ******************************************/
/***************************************
 * Sets Animation Delay for all browsers
 ***************************************/
/**************************************
 * Sets Animation Name for all browsers
 **************************************/
/********************************
 * Removes Mouse Touch Selection
 ********************************/
/**********************
 * Border Radius Mixin
 **********************/
/*******************************************
 * Loader Circle (used in loader-icons.less)
 *******************************************/
/**********************
 * Social button Mixin
 **********************/
/**********************************************************************
 ** common-variables.less
 ** 
 ** File contains custom scripts for Ranpariya-Admin  common-variables
 ** Developer: Ranpariya - The Development Lab - India
 **********************************************************************/
/**************
 * Main Theme
 **************/
/****************************
 * Social Buttons variables
 ****************************/
/**************
 * Mail
 * Compose mail
 **************/
/********
 * Inbox
 ********/
/********
 * Font
 ********/
/************************
 * Auth Background Image
 ************************/
body {
  color: #909190;
  background: url(../../images/login_bg.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  /* For WebKit*/
  -moz-background-size: cover;
  /* Mozilla*/
  -o-background-size: cover;
  /* Opera*/
  background-size: cover;
  /* Generic*/
  overflow-x: auto;
}
/********************************
 * Login/Signup/Lock/Forgot page
 ********************************/
.auth-page {
  display: none;
  /* Page loader */
}
.auth_box {
  position: absolute;
  padding-top: 12.5%;
  width: 100%;
}
.auth_box .auth_login_bg {
  -webkit-box-shadow: 0 0 10px 7px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 7px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 10px 7px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 10px 7px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 7px rgba(0, 0, 0, 0.1);
  background-image: url(../../images/login_box_bg.png);
}
.auth_box .auth_login_bg .bg_img {
  -webkit-transform: translate(0, 210%);
  -moz-transform: translate(0, 210%);
  -o-transform: translate(0, 210%);
  -ms-transform: translate(0, 210%);
  transform: translate(0, 160%);
}
.auth_box .auth_login {
  background-color: #fff;
  padding: 25px;
}
.auth_box .auth_login h3 {
  text-align: center;
  color: #2C2B2B;
  font-weight: 700;
  text-transform: uppercase;
}
.auth_box .auth_login .auth_socialButtons a {
  font-size: 16px;
}
.auth_box .auth_login .auth_loginOr {
  position: relative;
  font-size: 1.2em;
  color: #909190;
  margin-top: 1em;
  margin-bottom: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.auth_box .auth_login .auth_loginOr .auth_hrOr {
  background-color: #ccc;
  height: 1px;
  margin-top: 0px !important;
  margin-bottom: 1px !important;
}
.auth_box .auth_login .auth_loginOr .auth_spanOr {
  display: block;
  position: absolute;
  left: 50%;
  top: -0.6em;
  margin-left: -1.5em;
  background-color: white;
  width: 3em;
  text-align: center;
}
.auth_box .auth_login .form-control {
  height: 40px;
}
.auth_box .auth_login .email_textbox_length {
  width: 95%;
}
.auth_box .auth_login .btn {
  border: none;
  font-weight: 700;
}
.auth_box .auth_login label {
  font-weight: normal;
}
.auth_box .auth_login .auth_forgotPassword a {
  color: #909190;
}
.auth_box .auth-button {
  background: #fff none repeat scroll 0 0;
  border: 5px solid #F1F1F1;
  border-radius: 50%;
  color: #909190;
  height: 50px;
  padding: 11px 0;
  position: absolute;
  right: 0;
  bottom: 15%;
  -webkit-transition: all 500ms ease-in-out 0s;
  -moz-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
  -ms-transition: all 500ms ease-in-out 0s;
  transition: all 500ms ease-in-out 0s;
  width: 50px;
}
.auth_box .auth-button:hover {
  -webkit-transform: rotate(450deg);
  -moz-transform: rotate(450deg);
  -o-transform: rotate(450deg);
  -ms-transform: rotate(450deg);
  transform: rotate(450deg);
}
.auth_box .auth-button:focus {
  outline: none;
}