/* 
    Document   : login
    Created on : Jul 2, 2012, 12:31:56 PM
    Author     : Attari (engr.attari@gmail.com)
    Description:
        Purpose of the stylesheet follows.
*/

body{
 background:url(../images/login/stars.png) repeat;
 margin:0px;
}
#holder{
	opacity:0;
	filter: alpha(opacity = 0);	
}
.content{
	position:absolute;
 	 background:url(../images/login/images.jpg) no-repeat center center fixed;
	/* -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover; */
	 background-size: 100% 113%; 
	 overflow:auto;
	 top:25%;
	 left:35%;
	 width:172px;
	 height:63px;
	 font-family:Arial, Helvetica, sans-serif;
	 color:#FFF;
}
.info{
	position:absolute;
	border-top:3px solid;
	border-bottom:3px solid;
	border-color:#813500;
	/* top:60%; */
	background:#000;
	width:100%;
	    height: 100vh;
	opacity:0.5;
	filter: alpha(opacity = 50);   
}
.login_panel{
	    width: 100%;
        /* display: inline-block; */
	/* position:absolute; */
	/* background:url(../images/login/login.jpg) no-repeat; */
	/* top:60%; */
        /* right:0; */
	/* width:292px; */
	/* height:141px; */
	/* padding-left:25px; */
	/* margin-top:17px; */
	/* margin-right:5%; */

	 }
.logo_panel {
    display: inline-block;
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: url(../images/login/logo.png) no-repeat;
    width: 326px;
    height: 156px;
    padding-left: 25px;
    margin-top: 9px;
}
.login-content{
    position: absolute;
    top: 28%;
    left: 50%;
    transform: translateX(-50%);
	/* background:url(../images/login/stars.png) no-repeat; */
    padding: 40px 60px 40px 45px;
	display: flex;
    width: 343px;
    justify-content: center;
    border-radius: 10px;
    background-color: rgba(0, 2, 10, 0.5) !important;
    box-shadow: 0px 0px 15px rgba(255, 255, 255, 0.5);
}
.footer_holder{
        position: absolute;
        width:100%;
        height: 63px;
        margin-top:185px;
        /* top:60%; */
		bottom: 10px
}
.copy-right{
        display: inline;
	position:relative;
	float: right;
	padding-right:7%;
	font-size:12px;
        margin-top: 18px;
	 }
.logo_small{
        display: inline-block;
	position:relative;
        width: 145px;
        height: 60px;
	background:url(../images/general/mti-logo.png) no-repeat;
	margin-left:4%;
	color:#FFF;
	 }
.headings{
    font-size: 38px;
    /* font-weight: bold; */
    margin: 0px 0px 45px;
    text-align: center;
}
.main_header{
	width:100%;
	height:41px;
	float:right;
	text-align:right;
	color:#FFF;	
	font-weight:bold;
	margin-right:5%;
	margin-top:15px;
}
.sub-headings{
	font-size:18px;	
}
input{
    
	height:22px;
	width:100%;
        behavior: url(border-radius.htc);
	border-radius:5px;
	border: 1px solid #444444;
	color: #666666;
	padding: 2px 5px;
	font-size:12px;
}
.login_button{
	padding-top:10px;
	float:right;
	    position: relative;
    left: 12px;
	/* margin-right:55px; */
}
.separator{
margin-top:15px;	
}
.login_button input{
	width: 90px;
    height: 40px;
	background-image:-moz-linear-gradient(bottom, rgb(153,153,153) 41%, rgb(242,242,242) 72%);
	background-image:-webkit-linear-gradient(bottom, rgb(153,153,153) 41%, rgb(242,242,242) 72%);
	background-image:-o-linear-gradient(bottom, rgb(153,153,153) 41%, rgb(242,242,242) 72%);
	background-image:linear-gradient(bottom, rgb(153,153,153) 41%, rgb(242,242,242) 72%);
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	color: #000;	
}
.login_button input:hover{
       
       
	background-image:-moz-linear-gradient(bottom, rgb(153,153,153) 26%, rgb(242,242,242) 72%);
	background-image:-webkit-linear-gradient(bottom, rgb(153,153,153) 26%, rgb(242,242,242) 72%);
	background-image:-o-linear-gradient(bottom, rgb(153,153,153) 26%, rgb(242,242,242) 72%);
	background-image:linear-gradient(bottom, rgb(153,153,153) 26%, rgb(242,242,242) 72%);
	font-weight:bold;
	cursor:pointer;
}
.error{
    font-size: 17px;
    color: #FF0000;
}
a{
    text-decoration: none;
    color:#FFF;
}
.form-group {
    margin-bottom: 20px;
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.input-group-addon {
    max-width: 42px;
    text-align: center;
    background-color: #3097d1 !important;
    border-color: #2a88bd !important;
    color: #fff !important;
    border: none !important;
}
.input-group .has-float-label {
    display: table-cell;
}
.has-float-label {
    position: relative;
    color: black;
}	

.input-group .has-float-label:not(:first-child) .form-control {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: -1px;
    padding-left: 10px;
}

.input-group .has-float-label .form-control {
    border-radius: 4px;
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.form-control {
    min-height: 38px;
    padding-left: 5px;
    box-shadow: none !important;
    border-width: 0 0 1px 0;
    border-radius: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.form-control {
    display: block;
    width: 100%;
    height: 36px;
    /* padding: 6px 12px; */
    font-size: 14px;
    line-height: 1.6;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccd0d2;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	margin-bottom: 15px;
}