@charset "utf-8";
/* CSS Document */

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
html, body
{
	width:100%;
	height:auto;
	max-height:100%;
	bottom:0;
}

body {
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	background: #e4e3e3; /* Old browsers */
	background: -moz-linear-gradient(left, #e4e3e3 21%, #f8f8f9 50%, #e4e3e3 80%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(21%,#e4e3e3), color-stop(50%,#f8f8f9), 	color-stop(80%,#e4e3e3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #e4e3e3 21%,#f8f8f9 50%,#e4e3e3 80%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #e4e3e3 21%,#f8f8f9 50%,#e4e3e3 80%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #e4e3e3 21%,#f8f8f9 50%,#e4e3e3 80%); /* IE10+ */
	background: linear-gradient(to right, #e4e3e3 21%,#f8f8f9 50%,#e4e3e3 80%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e3e3', endColorstr='#e4e3e3',GradientType=1 ); /* IE6-9 */
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	/*width: auto\9;  ie8 */
}
.wrapper, .login_box, .logo, .form_title, .form, form_shadow, .footer_content
{
	margin-left:auto;
	margin-right:auto;
} 
.wrapper {
	width: 99%;
	height:auto;
	position:relative;
	padding-bottom:20px;
}
.login_box
{
	width:740px;
	/*height:500px;*/
	/*margin-top:74px;*/
}
.logo
{
	width:165px;
	height:130px;
}

.form_title
{
	width:262px;
	height:28px;
	background-color:#494948;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	-ms-border-radius:8px;
	margin-top:12px;
	margin-bottom:12px;
	color:#FFFFFF;
	text-align:center;
	line-height:28px;
	font-size:14px;
	font-weight:bold;
}
.form_login
{
	width:443px;
	height:310px;
	position:relative;
	border:1px solid #ffffff;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	-ms-border-radius:8px;
	/*For Gradient background*/
	/*background: #0097a7;*/ /* Old browsers */
	background: #008dfe; /* Old browsers */
	
}
.form_shadow
{
	width:443px;
	height:auto;
	position:relative;
}
.form_shadow:after, .form_shadow:before
{
	content:"";
	width:140px;
	height:20px;
	bottom:4px;
	position:absolute;
	z-index:-1;
	box-shadow:0px 2px  19px #000;
	-moz-box-shadow:0px 2px  19px #000;
	-webkit-box-shadow:0px 2px  19px #000;
	-o-box-shadow:0px 2px  19px #000;
	-ms-box-shadow:0px 2px  19px #000;
}

.form_shadow:after
{
	left:20px;
	transform:rotate(-3deg);
	-moz-transform:rotate(-3deg);
	-o-transform:rotate(-3deg);
	-webkit-transform:rotate(-3deg);
	-ms-transform:rotate(-3deg);
	opacity:0.9;
	filter:alpha(opacity=90);
}
.form_shadow:before
{
	
	right:20px;
	transform:rotate(3deg);
	-moz-transform:rotate(3deg);
	-o-transform:rotate(3deg);
	-webkit-transform:rotate(3deg);
	-ms-transform:rotate(3deg);
	opacity:0.9;
	filter:alpha(opacity=90);
}
.form
{
	width:380px;
	height:auto;
	padding-top:40px;
	position:relative;
}
.bottom_space
{
	padding-bottom:15px;
}
.btn{
	border:none !important;
}
.bton
{
	width:100%;
	height:30px;
	border:1px solid #000000;
	float:right !important;
}
.bt_one
{
	float:right;
	margin-top:10px;
	padding:5px 23px 5px 23px !important;
	font-weight:normal;
	border-color:#2874e1 !important;
        border: 1px solid #2874e1 !important;
	color:#666666 !important;
	background:#ffffff !important;
	box-shadow:none !important;
}
.key_icon
{
	width:10px;
	height:10px;
	background-image:url(../images/password_icon.png);
}
.underline, .underline a
{
	text-decoration:underline;
	color:#ffffff;
	line-height:20px;
}
footer
{
	width:100%;
	height:30px;
	position:absolute;
	bottom:0;
}
.footer_content
{
	width:100%;
	height:auto;
	position:relative;
}
.rgt, .lgt
{
	margin:0px 18px 0px 18px;
} 
.rgt
{
	width:30%;
	height:auto;
	float:right;
	text-align:right;
}
.lgt
{
	width:40%;
	height:auto;
	float:left;
	text-align:left;
}
footer h4
{
	color:#6e6e6e;
	width:auto;
	display:-nline-block;
	font-size:14px;
	font-weight:normal;
}

/********** STYLES FOR DASHBOARD.HTML PAGE START HERE ************/

header
{
	width:100%;
	height:118px;
	background: #005499; /* Old browsers */
	background: -moz-linear-gradient(top, #005499 0px, #005499 34px, #4d4c4d 34px, #404041 84px); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0px,#005499), color-stop(34px,#005499), 	color-stop(34px,#4d4c4d), color-stop(84px,#404041)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #005499 0px, #005499 34px, #4d4c4d 34px, #404041 84px); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #005499 0px, #005499 34px, #4d4c4d 34px, #404041 84px); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #005499 0px, #005499 34px, #4d4c4d 34px, #404041 84px); /* IE10+ */
	background: linear-gradient(to bottom, #005499 0px, #005499 34px, #4d4c4d 34px, #404041 84px); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005499', endColorstr='#404041',GradientType=0 ); /* IE6-9 */
}
.containner
{
	width:100%;
	height:auto;
	position:relative;
	border:1px solid #000000;

}
.logo_left
{
	width:176px;
	height:auto;
	float:none;
}

.login-bg{
	background-image: url(../images/login-bg.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
  background-attachment: fixed;
}

.fixed {
    position: fixed;
    width: 100%;
}
.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    display: table-cell;
    vertical-align: middle;
}


.input-holder{
  background-color: rgba(255,255,255,0.20);
  padding: 30px;
  border:1px solid rgba(0,0,0,0.20);
}
.input-header{
  padding: 8px;
  background-color: #000000;
}
.input-header img{
  display: block;
  margin: 0px auto;
}
.input-body{
  padding: 30px 100px 20px;
  background-color: rgba(0,0,0,0.60);
}
.input-body h2{
  color: #fff;
  font-size: 26px;
  margin-bottom: 25px;
  font-family: 'Archivo Narrow', sans-serif;
}

.input-body .form-group{
  margin-bottom: 30px;
}
.input-body .form-control{
  color: #fff;
  height: 46px;
  line-height: 46px;
  border-radius: 0px;
  border-color: #8c8c8c;
  background-color: rgba(255,255,255,0.10);
}
.input-body .form-control:focus{
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,255,255,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,255,255,.6);
}
.input-body .form-control::-moz-placeholder {
    color : #fffefe;
    opacity : 1;
    text-transform: uppercase;
}
.input-body .form-control:-ms-input-placeholder {
    color : #fffefe;
    text-transform: uppercase;
}
.input-body .form-control::-webkit-input-placeholder {
    color : #fffefe;
    text-transform: uppercase;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.input-body input{ border-radius: 4px !important; }

/*.dashboard_logo
{
	width:176px;
	height:119px;
	float:left;
	border:1px solid #000000;
	overflow:hidden;
}*/

/********** STYLES FOR DASHBOARD.HTML PAGE END HERE ************/