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


/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
	font-family: Arial, sans-serif, Gotham, "Helvetica Neue", Helvetica;
	background:#f5f5f5;

}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}


/*================================== Login   =============================================*/

.wrapper-login {
	width:558px;
	margin:87px auto 50px auto;
	padding:27px 0 45px 0;
	border-radius:9px;
	-moz-border-radius:9px; /*For Old Mozila*/
	-o-border-radius:9px; /*For Old Opera*/
	-webkit-border-radius:9px; /*For Old Safari & chrome*/
	
	box-shadow:rgba(0,0,0,0.1) 4px 4px 2px;
	-moz-box-shadow:rgba(0,0,0,0.1) 4px 4px 2px;
	-0-box-shadow:rgba(0,0,0,0.1) 4px 4px 2px;
	-webkit-box-shadow:rgba(0,0,0,0.1) 4px 4px 2px;
	background:#152737;
	clear:both;
}
.login-logo{ 
margin:0 auto;
/*width:149px;
height:149px;*/
border-radius:100px;
line-height:151px;
text-align:center;
/*background:#2B4E69;*/
}
.login-logo img{ height:121px; width:121px;}
#login {
  width: 280px;
  margin:55px auto 0 auto;
}
#login form span {
  background-color: #2B4E69;
  color: #fff;
  display: block;
  float: left;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 50px;
  position:absolute;
  font-size:2rem;
  margin:0 0 0 -2px;
  border-radius:24px 0 0 24px;
	-moz-border-radius:24px 0 0 24px; /*For Old Mozila*/
	-o-border-radius:24px 0 0 24px; /*For Old Opera*/
	-webkit-border-radius:24px 0 0 24px; /*For Old Safari & chrome*/
}
#login form input {
  height: 40px;
  text-align:center;
  border:none;
}
#login form input[type="text"], input[type="password"],[type="email"], [type="number"]  {
  background-color: #fff;
  font-family: Arial, sans-serif, Gotham, "Helvetica Neue", Helvetica;
  color: #606468;
  margin-bottom: 1em;
  padding: 0 16px;
  width: 280px;
   border-radius:24px;
	-moz-border-radius:24px; /*For Old Mozila*/
	-o-border-radius:24px; /*For Old Opera*/
	-webkit-border-radius:24px; /*For Old Safari & chrome*/
}
#login form input[type="submit" ] {
  background-color: #2B4E69;
  color: #fff;
  font-weight:bold;
  margin-bottom: 1.5em;
  margin-top: 1em;
  min-width: 280px;
  font-family: Arial, sans-serif, Gotham, "Helvetica Neue", Helvetica;
  /*font-size:1.3rem;*/
  border-radius:24px;
	-moz-border-radius:24px; /*For Old Mozila*/
	-o-border-radius:24px; /*For Old Opera*/
	-webkit-border-radius:24px; /*For Old Safari & chrome*/
 }
#login form input[type="submit"]:hover {
  background-color: #cbeb4d;
  cursor:pointer;
}

#login form select{
 /*  height: 40px;*/
   text-align:center !important;
    max-width: 280px;
    padding: 10px 0 10px 49px;
    border:none;
    border-radius:24px;
	-moz-border-radius:24px; /*For Old Mozila*/
	-o-border-radius:24px; /*For Old Opera*/
	-webkit-border-radius:24px; /*For Old Safari & chrome*/
	 background-color: #fff;
   font-family: Arial, sans-serif, Gotham, "Helvetica Neue", Helvetica;
   color: #606468;
   margin-bottom: 1em;
  
}

#login form select span {
  background-color: #2B4E69;
  color: #fff;
  display: block;
  float: left;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 50px;
  position:absolute;
  font-size:2rem;
  border-radius:24px 0 0 24px;
	-moz-border-radius:24px 0 0 24px; /*For Old Mozila*/
	-o-border-radius:24px 0 0 24px; /*For Old Opera*/
	-webkit-border-radius:24px 0 0 24px; /*For Old Safari & chrome*/
}

#login form select option{ line-height:inherit;}


#login > p {
  text-align: center;
}
#login > p span {
  padding-left: 5px;
}
#login .lefttext a{
  text-align:left;
  color:#fff;
  float:left;
  text-decoration:none;
  /*font-size:.8rem;*/
  font-family: Arial, sans-serif, Gotham, "Helvetica Neue", Helvetica;
  width:145px;
}
#login .righttext a{
  text-align:right;
  color:#fff;
  /*float:right;*/
  text-decoration:none;
 /* font-size:.8rem;*/
  font-family: Arial, sans-serif, Gotham, "Helvetica Neue", Helvetica;
 }

#login .righttext2 a{ float:left; width: 280px; text-align:center; margin:10px 0; color:#fff; text-decoration:none;}


#login a:hover{color:#4dd1b6;}
.login-footer{ margin:0 auto; 
text-align:center; 
color:rgba(0,0,0,0.1)
font-family: Arial, sans-serif, Gotham, "Helvetica Neue", Helvetica;
/*font-size:0.8rem;*/
padding:8px 0;
position:fixed;
bottom:0;
width:100%;
background-color: #e7e7e7;
border-top: 1px solid #ccc;

}
#login label:before{
  /*background-color: #104287;*/
  color: #fff;
  display: block;
  float: left;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 50px;
  position:absolute;
  font-size:2rem;
  z-index:1;
}
#login .error  {
  background-color: #ee1313;
  color: #fff;
  margin-bottom: 1em;
  padding:4px 18px;
  width: 280px;
  text-align: center;
/*  font-size:.9rem;*/
  word-wrap:break-word;
   border-radius:24px;
	-moz-border-radius:24px; /*For Old Mozila*/
	-o-border-radius:24px; /*For Old Opera*/
	-webkit-border-radius:24px; /*For Old Safari & chrome*/
}

#login .success  {
  background-color:#cbeb4d;
  color: #fff;
  margin-bottom: 1em;
  padding:4px 18px;
  width: 280px;
  text-align: center;
/*  font-size:.9rem;*/
  word-wrap:break-word;
   border-radius:24px;
	-moz-border-radius:24px; /*For Old Mozila*/
	-o-border-radius:24px; /*For Old Opera*/
	-webkit-border-radius:24px; /*For Old Safari & chrome*/
}
/*================================== FORGOT YOUR PASSWORD? =============================================*/
/*.forgot-heading{ 
margin:0 auto;
width:293px;
height:50px;
line-height:50px;
text-align:center;
background:#fff;
text-transform:uppercase;
border-radius:10px;
-moz-border-radius:10px; 
-o-border-radius:10px;
-webkit-border-radius:10px;
 box-shadow:rgba(0,0,0,0.4) 4px 4px 2px;
	-moz-box-shadow:#000 4px 4px 0;
	-0-box-shadow:#000 4px 4px 0;
	-webkit-box-shadow:#000 4px 4px 0;
}*/
.forgot-heading{
    text-align:center;
    font-size:18px;
    color:#ffffff !important;
    margin-top: 8px;;
}

#login .backtolog {
	margin:0 auto;
   color:#fff;
 /* font-size:.8rem;*/
  font-family: Arial, sans-serif, Gotham, "Helvetica Neue", Helvetica;
  text-align:center;
}
#login .backtolog a{color:#fff;text-decoration:none;}
#login .backtolog a:hover{color:#4dd1b6;text-decoration:none;}
#login .ui-datepicker-trigger{float: right;    margin: -43px 16px 0 0;    position: relative;}
#login legend{ color:#fff; border-color:#7c7c7c; font-family: Arial, sans-serif, Gotham, "Helvetica Neue", Helvetica; font-size:13px; font-weight:bold;}

/*================================== Ohter Message =============================================*/
.other-message{
	 border: 1px solid #9B9B9B;
     color: #FFFFFF;
    margin: 0 0 10px;
    padding: 10px;
    text-align: justify;
	 border-radius:24px;
	-moz-border-radius:24px; /*For Old Mozila*/
	-o-border-radius:24px; /*For Old Opera*/
	-webkit-border-radius:24px; /*For Old Safari & chrome*/
	}

.other-message a{ color:#fff; text-decoration:underline; font-weight:bold;}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
.wrapper-login {
	width:100%; margin:0 auto 50px auto; border-radius:0;box-shadow:none;
	-moz-border-radius:0; /*For Old Mozila*/
    -o-border-radius:0; /*For Old Opera*/
   -webkit-border-radius:0; /*For Old Safari & chrome*/
} 
body{background:#152737 !important;}

}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 480px) {
.wrapper-login {	width:100%;	margin:0 auto 50px auto; border-radius:none;box-shadow:none;-moz-border-radius:0; /*For Old Mozila*/
    -o-border-radius:0; /*For Old Opera*/
   -webkit-border-radius:none; /*For Old Safari & chrome*/}
  body{background:#152737 !important;}
   
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 640px) {
.wrapper-login {width:100%; margin:0 auto 50px auto; border-radius:0;box-shadow:none; -moz-border-radius:0; /*For Old Mozila*/
    -o-border-radius:0; /*For Old Opera*/
   -webkit-border-radius:0; /*For Old Safari & chrome*/}
   body{background:#152737 !important;}
  
}