﻿ @charset "UTF-8";
/* CSS Document */

@font-face {
  font-family: 'Open Sans';
  src:  url('../../../Content/Font/OPENSANS-REGULAR.ttf') format('truetype');
   src: url('../../../Content/Font/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../../../Content/Font/OPENSANS-REGULAR.ttf') format('truetype');
} 

@font-face {
  font-family: 'Raleway';
  src: url('../../../Content/Font/Raleway-Regular.eot');
  src: url('../../../Content/Font/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
       url('../../../Content/Font/Raleway-Regular.woff') format('woff'),
       url('../../../Content/Font/Raleway-Regular.ttf') format('truetype'),
       url('../../../Content/Font/Raleway-Regular.svg#Raleway') format('svg');
}

.fontpro,.fontpro-35199 {
  font-family: 'Raleway',sans-serif;
}

html { 
    
}

body {
	font-family: Open Sans;
    font-size: 15px;
    line-height: 20px;
	color:#666;
	margin-bottom:40px;

    background: url('../../../Content/images/bg.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/*Modified By   : Ghanshyam
Date     : 9th Dec 2015
Reason	      : Support Text change*/ 
a {color:#466e87; font-weight:bold; text-decoration:none; } 
a:hover {color:#E47826;}

#main {
	width:90%;
	max-width:680px;
	margin:0px auto;
	margin-top:5%;
	background-color:#FFF;
	-webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.75);
}
.logo {
	text-align:center;
}
.logo img {
	padding:20px;
}
.tag-line {
	
	padding:20px 40px;
	background-color:#466e87;
	color:#fff;
	text-align:center;
}
.tag-line h1 {
  font-family: Raleway;
  font-size: 26px;
  line-height: 38px;
  letter-spacing: -0.5px;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  
}
h2 {
  font-family: Raleway;
  font-size: 22px;
  line-height: 38px;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
.content {
	padding:40px;
	width:auto;
	clear:both;
}
.login {
	width:60%;
	float:left;
}
.remember, 
.forgot-pass {
	width:50%;
	float:left;
}
.support-copy {
	width:35%;
	float:left;

}


/*Modified By   : Ghanshyam
Date     : 9th Dec 2015
Reason	      : Support Text change*/ 
.support-copy p {
	font-size: 14px;
	line-height:20px;
	margin-bottom:27px;
	margin-top:0px;
}

.login input[type="text"],
.login input[type="password"] {
  padding: 10px;
  font-family: Open Sans;
  font-size: 15px;
  line-height: 27px;
  border: solid 1px #dcdcdc;
  transition: box-shadow 0.3s, border 0.3s;
  margin-bottom:10px;
  width:86%;
}
.login input[type="text"]:focus,
.login input[type="text"].focus,
.login input[type="password"]:focus,
.login input[type="password"].focus {
  border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696;
}
.login input[type=submit] {
  border-radius:0px !important;
  border:none;
  color: #FFFFFF;
  font-family: Open Sans;
  font-size: 15px;
  letter-spacing: .5px !important;
  text-transform: none !important;
  padding: 8px 28px;
  position: relative;
  margin-top: 20px;
  opacity: 1;
  line-height: 20px;
  background-color: #466e87;
  display: inline-block;
}
.login input[type=submit]:hover {
  background-color: #E47826;
}
#footer {
	width:100%;
	background-color:#FCFCFC;
	padding:0px 30px;
	position:fixed;
	left:0;
	bottom:0;
	font-size:12px;
}
#footer p {
	/*padding-right:60px;*/
}

.SiteDown {

   font-family:Open Sans;
  font-size: 12px;
  text-align:center;
  color:red;
}
.LoginAttemptFailed {

  font-family:Open Sans;
  font-size: 15px;
  font-weight:normal;
  text-align:center;
  color:red;
}
.ValidationMsg {

  font-family:Open Sans;
  font-size: 15px;
  font-weight:normal;
  color:red;
 
}
.red-border{
    border: 1px solid red;
}
.FailedLogin {

  font-family:Verdana,Arial,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color:#4B6888;
  
}
.uxLogin {
    width:80%;
}
@media (max-width:960px) {  

.login {
	width:100%;
	float:left;
	padding-bottom:20px;
}

.support-copy {
	width:100%;
	float:left;
	padding-left:0;
	border-top:1px #ccc solid;
	margin-top:30px;
	padding-top:10px;
}
.curveButtons
{
	height: 22px;      
    /* width: 52px;	  
	min-width: 52px;*/
    border: 0px solid #CCCCCC;	  
    background-color: #265A76;
    /*background-image: url(../../images/bg-menu-blue.gif);  */
    font-size: 10px;	  
    cursor:pointer;	    
    font-family: Verdana, Helvetica, Arial, Verdana, sans-serif;	    
    color: #FFFFFF;	    
    font-weight: bold;	    
    letter-spacing: 0.3px;	 
    text-align:center;
    vertical-align:middle;
    padding: 4px 10px 4px 10px;	
    -moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px; 
	margin:3px;
}

} 
.LoginAttemptFailed {

  font-family:Open Sans;
  font-size: 15px;
  font-weight:normal;
  text-align:center;
  color:red;
}
.ValidationMsg {

  font-family:Open Sans;
  font-size: 15px;
  font-weight:normal;
  color:red;
 
}
.red-border{
    border: 1px solid red;
}
.submitted .ng-invalid{
        border: 1px solid red !important;
    }

.btn-login
{
    border-radius:0px !important;
  border:none;
  color: #FFFFFF;
  font-family: Open Sans;
  font-size: 15px;
  letter-spacing: .5px !important;
  text-transform: none !important;
  padding: 8px 28px;
  position: relative;
  margin-top: 20px;
  opacity: 1;
  line-height: 20px;
  background-color: #466e87;
  display: inline-block;

}

.btn-login:hover {
  background-color: #E47826;
}

@media only screen and (max-width:360px)
{
    .foot_sprt_ml
    {
        margin-left: -10px !important;
    }
}

@media only screen and (max-width:320px)
{
     .foot_sprt_ml
    {
        margin-left: -45px !important;
    }
}




.cp_heading
{
    color: #999999;
}


.cp_cl
{
    font-size: 18px;
    /*color: #A5978F;*/
     color: #999999;
     font-family: inherit;
     font-weight:400;

}


.cp_input
{
    border-radius: 0px;
}
.cp_save_btn
{
   
    border-radius: 0px;
    background-color: #999999;
    width: 90px;
}

.cp_save_btn:hover
{
    background-color: #999999;
}

.cp_save_btn:focus
{
    background-color: #999999;
}


.cp_panel
{
    border-radius: 30px;
    padding-right: 0px;
    background-color: #F2F2F2;
    font-size: 12px;
    font-family:Helvetica;
}

.cp_terms
{
    font-size: 13px;
}

input[type=checkbox]
{
    margin: 4px 0 0;
}

.cp_terms .checkbox input[type="checkbox"]
{
    box-shadow: 3px 3px #999999;
}
.cp_terms a
{
    color: blue;
    text-decoration: underline;
}

.cp_panel input[type="checkbox"]
{
    display: none;
}

.cp_panel input[type="checkbox"] +.label-text:before
{
    content: "\f096";
    font-family: "FontAwesome";
    speak:none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    margin-right: 5px;
}

.cp_panel input[type="checkbox"]:checked +.label-text:before
{
    content: "\f14a";
    color: #006400;
    
}

.chpwd_cf
{
    padding-left: 0px;
    padding-right: 0px;
    background: #fff;
}

.chpwd_main_pnl
{
    background: #e4e5ea;
    border-radius: 0px;
    margin-top: 5%;
    margin-bottom: 5%;

}

.chpwd_inner_pnl
{
    background: #e4e5ea;

}