/*********************************************************************************
** The contents of this file are subject to the vtiger CRM Public License Version 1.0
* ("License"); You may not use this file except in compliance with the License
* The Original Code is:  vtiger CRM Open Source
* The Initial Developer of the Original Code is vtiger.
* Portions created by vtiger are Copyright (C) vtiger.
* All Rights Reserved.
********************************************************************************/

body {
  font-family: 'Roboto', sans-serif;
	margin: 0;
  font-size: 12px;
}
html {
  height: 100%;
  font-family: 'Roboto', sans-serif;
}
.login-logo{height: 65px;max-width: 266px;}
.box {
  background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0)), url("../img/bg.jpg");
  background-repeat: no-repeat;
  background-position: center 80%;
  z-index: -1;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	text-align: center;
	display: inline-block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.logoDiv{padding: 10px;margin-bottom: 15px;}
.footer-logo{margin-top: 15px;}
.loginBox {
	text-align: center;
	height: 443px;
  width: 306px;
  border-radius: 5px;
  background-color: #FFF;
  box-shadow: 0 1px 4px 0 rgba(0,0,0,0.3);
  display: inline-block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.pluginsPromotionDiv {
	background-color: #D0DDED;
	-webkit-box-shadow: 3px 3px 3px 3px rgba(150, 150, 150, 0.5);
	-moz-box-shadow: 3px 3px 3px 3px rgba(150, 150, 150, 0.5);
	box-shadow: 3px 3px 3px 3px rgba(150, 150, 150, 0.5);
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 50px;
	padding-right: 50px;
}
.loginBox .input input{
	outline: 0;
  border-width: 0 0 2px;
  border-color: rgba(0, 74, 97, .3);
  border-bottom:1.5px solid rgba(0, 74, 97, .3);
  width: 258px;
  height: 24px;
  color: #000 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 14px !important;
  text-align: center;
}
.forgot-password{
  height: 14px;
  width: 100%;
  color: #006E78;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  text-decoration: none;
}
.forgot-password-div{margin-top: 17px !important}
a{text-decoration: none;}
a:hover{text-decoration: underline;}
.error{color: #FF0000;font-size: 12px;}
.success{color: green;}
.labelDiv{
  width:100% !important;
  height: 14px;
  color: #787D7E;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  margin-bottom:3px;
}
.labelDiv label{width: 258px;}
input[type="text"]:focus,
input[type="password"]:focus{background-color: #35607417;}

p{font-size: 12px;line-height: 22px;margin: 0px;}
.help-block-error{
  margin-top: 21px;
  padding: 0px !important;
  margin: 0px !important;
  color:#a94442;
  height: 22px !important;
}
.btn{
  color: #fff;
  background-color: #04a9f5;
  border-color: #04a9f5;
  padding: 8px 20px;
  border-radius: 0.25rem;
  font-size: 14px;
  margin-bottom: 5px;
  margin-right: 10px;
  transition: all .3s ease-in-out;
  margin-top: 10px;
  cursor: pointer;
}
.btn:hover{
  color: #fff;
  background-color: #038fcf;
  border-color: #0386c3;
  cursor: pointer;
}
div{
  display: block !important;
}
.footer-logo img{width: 50%;}