@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('../fonts/proximanova-regular-webfont.eot');
    src: url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-regular-webfont.woff') format('woff'),
         url('../fonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'proxima_nova_alt_rgbold';
    src: url('../fonts/mark_simonson_-_proxima_nova_alt_bold-webfont.eot');
    src: url('../fonts/mark_simonson_-_proxima_nova_alt_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/mark_simonson_-_proxima_nova_alt_bold-webfont.woff') format('woff'),
         url('../fonts/mark_simonson_-_proxima_nova_alt_bold-webfont.ttf') format('truetype'),
         url('../fonts/mark_simonson_-_proxima_nova_alt_bold-webfont.svg#proxima_nova_alt_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #cccccc;
	font-size: 14px;
	font-family: 'proxima_nova_rgregular', sans-serif;
	color:#495163;
	line-height:1.5;
		font-weight: 400;
	background-color:#f2f2f2;
	/*letter-spacing: 1px;*/
}
 
 body {
       /* padding-top: 70px;*/
        color:#455560!important;
	
  background-color:#fff;

		/*font-family: 'Lato', sans-serif!important;*/
    }
* {
    margin: 0;
}
html, body {
    height: 100%;
}
	.wrap {
 /*min-height: 100%;*/
    height: 590px !important;
   /* height: 100%;*/
}

.btn-primary
{
	 letter-spacing: 1px;
	 width:130px!important;
	height: 40px!important;
	padding-top: 8px!important;
	font-family: 'proxima_nova_rgregular';
}
		.logo 
	{  
		float: left;
		padding: 15px;
		font-size: 18px;
		line-height: 20px;
		font-size: 34px!important;
		font-weight: bold!important;
		margin-top:20px;
		width:100%;
	}
	.copyright
		{
		display: block;
		color:#F1F4F7; 
		margin-top:11px;
		font-size:14px;
	    }
		
   @media (max-width: 767px) {
	   .copyright
		{
		display: none;
	    }
		.logo 
		{ 
			text-align: center!important;
		}
		.login-divider 
		{
		 display: none;
		}
		.checkbox-container 
		{
		margin-top: -40px;
		}
		.checkbox label 
		{
		/*color: #666!important;*/
		}

	.form-signin 
	{
	margin: 20px;
	}
		
   }
   
   @media (min-width: 768px) {
   
   .col-margin{margin-top:15px;}
    .form-signin  
	{
		
		padding: 40px 24px;
		margin: 160px auto;
		width: auto;
		float:none;
		background: rgba(153,158,165,0.4);
		border-radius: 15px;
		height: 336px;
		box-shadow: 2px 3px 4px rgba(0,0,0,0.3);
		/*float:left; 
        position:absolute;
        z-index:100;                      
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%)*/ 
		
	}
     .copyrht 
	 {
	 display: none;
	 }
	 
   }
   
   
   /* sign in */

.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 14px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {

  border-radius:0px 6px 6px 0px;
  border: 1px solid #BDBDBD;
}

.form-signin input[type="checkbox"] {
outline: 1px solid #4a6c94;
}
input[type="checkbox"]:focus {
  outline: 1px solid #4a6c94!important;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: 0px;
}
.login-lbl 
	{
	color:#fff;
	font-family:sans-serif;
	font-size:40px;
	margin:40px 20px 68px -20px;
	padding: 20px;
	text-transform: uppercase;
	font-weight: 600;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.3);
	}
	
	.login-divider 
	{
	border-right: 1px solid #a2a2a2;
	}
	
	.checkbox label { color: #fff;}
	
	.input-margin{
	padding-left:24px;
	}
	@media (max-width: 640px) {

	.input-margin{
	padding-left:15px;
	}
	
	.athena-input-icn {
    position: absolute;
    z-index: 100;
    top: 10px;
    margin-left:-5px;
}
.athena-password-icn {
    position: absolute;
    z-index: 100;
    top: 76px;
    margin-left:-5px;
}
.checkbox {
  padding-left: 5px;}
  
  .logo {  
		margin-top:30%;
	}
	
	.mobile-footer { /*position:absolute;*/ width:100%; bottom:0px;}
}
	
.form-control:focus::-webkit-input-placeholder {
   color: #62c9f8!important;
}
.form-control:focus:-moz-placeholder {
      color: #62c9f8!important;
}
.form-control:focus::-moz-placeholder {
     color: #62c9f8!important;
}
.form-control:focus:-ms-input-placeholder {
     color: #62c9f8!important;
}
.form-control:focus img { color: #62c9f8!important;}
.left-addon .glyphicon {
    left: 0px;
}
.inner-addon .glyphicon {
    position: absolute;
    padding: 10px;
    pointer-events: none;
}
.left-addon input {
    padding-left: 30px;
}

.athena-input-icn
{
	position: absolute;
	z-index: 100;
	top: 10px;
	left: 34px;
}

	svg {
  fill: #ccc;
}

.athena-password-icn
{
position: absolute;
	z-index: 100;
	top: 76px;
	left: 34px;
}

.athena-input{
	padding-left: 48px!important;
	display: block;
  width: 100%;
  height: 42px;
  padding: 6px 12px;
  font-size: 14px;
  font-weight:400;
  line-height: 1.42857143;
  color: #a2a2a2;
  background-color: #eceff0;
  background-image: none;
  border: 1px solid #a2a2a2;
  border-radius: 6px;
}

.user-input{
	padding-left: 48px!important;
	display: block;
  width: 100%;
  height: 42px;
  padding: 6px 12px;
  font-size: 14px;
  font-weight:400;
  line-height: 1.42857143;
  color: #a2a2a2;
  background-image: none;
  border: 1px solid #a2a2a2;
  border-radius: 6px;
}


.icon-divider
{
	width:1px;
	height: 41px;
	float: left;
	width: 1px;
	margin-left: 40px;
	position: absolute;
	z-index: 100;
	background:#A6A9AA; 
}


.forgot-password
{
color: #F1F4F7;
text-decoration: none;
font-weight: normal;
vertical-align: middle;

}
.forgot-password:hover
{
text-decoration: none;
font-weight: normal;
}
.athena-img  {
  fill: #00F;
}

.athena-img path {
  fill: red;
}

.athena-img path {
  background-color: red;
}


.checkbox {
  padding-left: 5px; font-size:14px; }
  .checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px; 
	color:#000;
	}
    .checkbox label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 19px;
      height: 19px;
      left: 0;
      margin-left: -20px;
      border: 2px solid #4A6C94;
      /*border-radius: 3px;*/
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
    .checkbox label::after {
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 1px;
      top: 1px;
      margin-left: -20px;
      padding-left: 3px;
      padding-top: 1px;
      font-size: 11px;
      color: #555555; }
  .checkbox input[type="checkbox"] {
    opacity: 0;
    z-index: 1; }
    .checkbox input[type="checkbox"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .checkbox input[type="checkbox"]:checked + label::after {
      font-family: 'FontAwesome';
      content: "\f00c"; }
    .checkbox input[type="checkbox"]:disabled + label {
      opacity: 0.65; }
      .checkbox input[type="checkbox"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed; }
  .checkbox.checkbox-circle label::before {
    border-radius: 50%; }
  .checkbox.checkbox-inline {
    margin-top: 0; }


@media (max-width: 359px)
{
.login-bottom
{
padding: 0px!important;
}

}

/*added by ganesh*/
.athena-inputs {
	margin-bottom:15px;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus {
    border: 2px solid #2287A6;
    box-shadow: none;
    color: #2287A6;
}
.col-padding
{
 padding:0px!important;
}