@import url(fonts.css);
@import url(bootstrap.css);

*{ margin:0px; padding:0px;}
body{ font-family: 'Trebuchet MS'; background:#FFFFFF;}
.clear{ clear:both;}
a{ text-decoration:none;}

/*[ buttons css section ]*******************************************/

.bonlife-btn {
    font-family: 'Trebuchet MS';
    font-size: 15px;
    font-weight: 400;
    width: 100px;
    padding: 6px 15px;
    line-height: normal;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    *display: inline;
    border-radius: 0;
    -o-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
	
.bonlife-btn.blue { background: rgba(13, 66, 110, 1); color:#FFFFFF;}
.bonlife-btn.blue:hover, .bonlife-btn.blue:focus { background: rgba(13, 66, 110, 0.8); text-decoration:none; color:#FFFFFF;}
.bonlife-btn.btn.active, .bonlife-btn.btn:active { outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .0); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .0);}


/*[ default css section ]*******************************************/

h1, h2 { font-family: 'Trebuchet MS'; font-weight:400; margin: 0 0 20px 0;}
h1 { font-size:16px;}
h2 { font-size:15px;}
p{ font-family: 'Trebuchet MS'; font-weight:400; font-size:15px; line-height: 20px; margin:0;}

.heading { background:#0c3c60; padding: 10px;}
.heading h1 { margin:0; color: #D1D1D1}

.paddLeft { padding-left:0;}
.paddRight { padding-right:0;}


.divNewCreatePassword { background: rgba(51, 51, 51, 0.9)!important; position: absolute; height: 100%; width: 100%;}
.newuserwindow { padding:20px; background-image:-moz-linear-gradient(top,#ffffff,#e6e6e6);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#e6e6e6));
	background-image:-webkit-linear-gradient(top,#ffffff,#e6e6e6);
	background-image:-o-linear-gradient(top,#ffffff,#e6e6e6);
	background-image:linear-gradient(to bottom,#ffffff,#e6e6e6);
	background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe5e5e5', GradientType=0);}
.newuserwindow .newpassHead	{ background: #002153; padding: 5px 10px; color: #D1D1D1; font-size: 15px; font-weight: bold; margin-bottom: 15px;}
.newuserwindow label { font-size:15px; font-weight:400; margin: 4px 0;}
.newuserwindow .createnew_btns { padding:15px 0 0 0; border-top:2px dotted #cccccc;}
.newuserwindow .newpasswd { position:relative;}
.newuserwindow .passwderror { position: absolute; right: -220px; width: 50%; height: 46px; font-size: 13px; 
    background: #FFFFFF; border: 1px solid #e4e4e4; padding: 6px; line-height: 16px;}

/*[ bonlife header section ]*******************************************/

#bonlife-header{ background:#0c3c60; padding:12px 0; text-align:center;}
#bonlife-header p{ font-size:17px; color: #D1D1D1;}


/*[ bonlife login form section ]*******************************************/

#bonlife-login { padding: 100px 0 0 0; background: url(../images/bonlife-bg.jpg) no-repeat scroll center top;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#bonlife-login .container { width:680px;}

#bonlife-login .bonlife-loginform { position:relative; z-index:5;}
    #bonlife-login .bonlife-logininner .login-logo {
        padding: 10px;
        /*background: #FFFFFF;*/
        /*border: 1px solid #e4e4e4;*/
    }
#bonlife-login .bonlife-logininner .login-logo img { max-width:100%;}
#bonlife-login .bonlife-logininner { padding:20px 0; background-image:-moz-linear-gradient(top,#ffffff,#e6e6e6);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#e6e6e6));
	background-image:-webkit-linear-gradient(top,#ffffff,#e6e6e6);
	background-image:-o-linear-gradient(top,#ffffff,#e6e6e6);
	background-image:linear-gradient(to bottom,#ffffff,#e6e6e6);
	background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe5e5e5', GradientType=0);}
#bonlife-login .bonlife-logininner .form-group { margin-bottom:6px;}
#bonlife-login .bonlife-logininner .btnmain { display:block; margin: 10px 0 0 0;}
#bonlife-login .bonlife-logininner label { font-size:15px; font-weight:400; margin:4px 0; text-align:right; display: block;}
#bonlife-login .bonlife-logininner .forgotpass { padding: 10px 0 0 0; text-align: right;}
#bonlife-login .bonlife-logininner .forgotpass a { text-decoration:underline; color:#243e4d;}

.shadow1 { position: relative;}
.shadow1:before, .shadow1:after{ content:""; position:absolute; bottom:14px; left:30px; top:86%; z-index:-1;
	width:55%; background:#c3c3c3; 
	-webkit-box-shadow: 0 20px 15px #c3c3c3; -moz-box-shadow: 0 20px 15px #c3c3c3; box-shadow: 0 20px 15px #c3c3c3;
	-webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); transform: rotate(-3deg);}
.shadow1:after{ right: 30px; left: auto;
	-webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); transform: rotate(3deg);}
	


/*[ bonlife copyright section ]*******************************************/

#bonlife-copyright { background:#0c3c60; padding: 15px 0; position:fixed; bottom:0; width:100%;}
#bonlife-copyright p{ color: #D1D1D1; margin-right: 15px;} 
#bonlife-copyright p, #bonlife-copyright .btmlogo, #bonlife-copyright .btmlogo img { display: inline-block; *display: inline;}
#bonlife-copyright .btmlogo img { max-width: 200px; -webkit-transform: translate3d(0,0,0);
	transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out;}


@media only screen and (min-width : 320px) and (max-width : 479px) {
	.paddLeft { padding-left:15px;}
	.paddRight { padding-right:15px;}

	#bonlife-login .container { width:100%;}
	#bonlife-login { padding:0 0 30px 0;}
	#bonlife-login .bonlife-logininner label { text-align:left; margin: 8px 0;}
	#bonlife-copyright { text-align:center;}
	#bonlife-copyright p, #bonlife-copyright .btmlogo { display:block;}
	#bonlife-copyright p { margin:0 0 10px 0;}
	#bonlife-login .bonlife-logininner .login-logo { text-align:center;}
	#bonlife-login .bonlife-logininner .login-logo img{ max-width:50%; display: inline-block; *display: inline;}
}