@import url("keyboard/jKeyboard.css");
@font-face{ font-family: 'fontello'; src: url('asset/fontello.woff') format('woff'); font-weight:normal; font-style:normal;  
 } 
 *{ font-family: fontello, 'segoe UI';
 }
html {
	font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}
body {
	margin:0;  font: 100% fontello; width:100%!important;
     font-family: "Open Sans",sans-serif;
}
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
*:before, *:after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
html {
	font-size:10px;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0)
}
body {
	font-size:14px;
	line-height:1.42857143;
	color:#3e3f3a;
	background-color:#ffffff
}
.l_out_msg{ text-align:center!important; margin-bottom:30px; font-size:18px; 
 }
 input:focus::-webkit-input-placeholder {
    opacity: 0;
}
 input:focus::-moz-input-placeholder {
    opacity: 0;
}
 input:focus::-o-input-placeholder {
    opacity: 0;
}
input, button, select, textarea {
	font-family:inherit;
	font-size:inherit;
	line-height:inherit
}
a {
	color:#93c54b;
	text-decoration:none
}
a:hover, a:focus {
	color:#79a736;
	text-decoration:underline
}
a:focus {
	outline:thin dotted;
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px
}
figure {
	margin:0
}
img {
	vertical-align:middle
}
.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
	display:block;
	max-width:100%;
	height:auto
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family:inherit;
	font-weight:400;
	line-height:1.1;
	color:inherit
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
	font-weight:normal;
	line-height:1;
	color:#98978b
}
h1, .h1, h2, .h2, h3, .h3 {
	margin-top:5px;
	margin-bottom:5px
}
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
	font-size:65%
}
h4, .h4, h5, .h5, h6, .h6 {
	margin-top:10px;
	margin-bottom:10px
}
h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
	font-size:75%
}
h1, .h1 {
	font-size:36px
}
h2, .h2 {
	font-size:26px
}
h3, .h3 {
	font-size:24px
}
h4, .h4 {
	font-size:18px
}
h5, .h5 {
	font-size:14px
}
h6, .h6 {
	font-size:12px
}
p {
	margin:0 0 10px
}
.lead {
	margin-bottom:20px;
	font-size:16px;
	font-weight:300;
	line-height:1.4
}
@media (min-width:768px) {
.lead {
font-size:21px
}
}
small, .small {
	font-size:85%
}
mark, .mark {
	background-color:#fcf8e3;
	padding:.2em
}
.text-left {
	text-align:left
}
.text-right {
	text-align:right
}
.text-center {
	text-align:center
}
.text-justify {
	text-align:justify
}
.text-nowrap {
	white-space:nowrap
}
.text-lowercase {
	text-transform:lowercase
}
.text-uppercase {
	text-transform:uppercase
}
.text-capitalize {
	text-transform:capitalize
}
.text-muted {
	color:#98978b
}
.text-primary {
	color:#325d88
}
a.text-primary:hover, a.text-primary:focus {
	color:#244363
}
.text-success {
	color:#93c54b
}
a.text-success:hover, a.text-success:focus {
	color:#79a736
}
.text-info {
	color:#29abe0
}
a.text-info:hover, a.text-info:focus {
	color:#1b8dbb
}
.text-warning {
	color:#f47c3c
}
a.text-warning:hover, a.text-warning:focus {
	color:#ef5c0e
}
.text-danger {
	color:#d9534f
}
a.text-danger:hover, a.text-danger:focus {
	color:#c9302c
}
.bg-primary {
	color:#fff;
	background-color:#325d88
}
a.bg-primary:hover, a.bg-primary:focus {
	background-color:#244363
}
.bg-success {
	background-color:#dff0d8
}
a.bg-success:hover, a.bg-success:focus {
	background-color:#c1e2b3
}
.bg-info {
	background-color:#d9edf7
}
a.bg-info:hover, a.bg-info:focus {
	background-color:#afd9ee
}
.bg-warning {
	background-color:#fcf8e3
}
a.bg-warning:hover, a.bg-warning:focus {
	background-color:#f7ecb5
}
.bg-danger {
	background-color:#f2dede
}
a.bg-danger:hover, a.bg-danger:focus {
	background-color:#e4b9b9
}
.page-header {
	padding-bottom:9px;
	margin:40px 0 20px;
	border-bottom:1px solid #f8f5f0
}
ul, ol {
	margin-top:0;
	margin-bottom:10px
}
ul ul, ol ul, ul ol, ol ol {
	margin-bottom:0
}
.list-unstyled {
	padding-left:0;
	list-style:none
}
.list-inline {
	padding-left:0;
	list-style:none;
	margin-left:-5px
}

.container {
	margin-right:auto;
	margin-left:auto;
	padding-left:15px;
	padding-right:15px
}
@media (min-width:768px) {
.container {
width:750px
}
}
@media (min-width:992px) {
.container {
width:970px
}
}
@media (min-width:1200px) {
.container {
width:100%;
}
}
.container-fluid {
	margin-right:auto;
	margin-left:auto;
	padding-left:15px;
	padding-right:15px
}
.row {
	margin-left:-15px;
	margin-right:-15px
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position:relative;
	min-height:1px;
	padding-left:15px;
	padding-right:15px
}

@media (min-width:992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float:left
}
.col-md-12 {
width:100%
}
.col-md-11 {
width:91.66666667%
}
.col-md-10 {
width:83.33333333%
}
.col-md-9 {
width:75%
}
.col-md-8 {
width:66.66666667%
}
.col-md-7 {
width:58.33333333%
}
.col-md-6 {
width:50%
}
.col-md-5 {
width:41.66666667%
}
.col-md-4 {
width:33.33333333%
}
.col-md-3 {
width:25%
}
.col-md-2 {
width:16.66666667%
}
.col-md-1 {
width:8.33333333%
}
.col-md-offset-12 {
margin-left:100%
}
.col-md-offset-11 {
margin-left:91.66666667%
}
.col-md-offset-10 {
margin-left:83.33333333%
}
.col-md-offset-9 {
margin-left:75%
}
.col-md-offset-8 {
margin-left:66.66666667%
}
.col-md-offset-7 {
margin-left:58.33333333%
}
.col-md-offset-6 {
margin-left:50%
}
.col-md-offset-5 {
margin-left:41.66666667%
}
.col-md-offset-4 {
margin-left:33.33333333%
}
.col-md-offset-3 {
margin-left:25%
}
.col-md-offset-2 {
margin-left:16.66666667%
}
.col-md-offset-1 {
margin-left:8.33333333%
}
.col-md-offset-0 {
margin-left:0%
}
}


label {
	display:inline-block;
	max-width:100%;
	margin-bottom:5px;
	font-weight:300;
}

.form-control {
	display:block;
	width:100%;
	height:40px;
	padding:12px 12px;
	font-size:15px;
	line-height:1.42857143;
	color:#4e63ae;
	background:transparent;
	background-image:none;
	border:none;
	border-bottom:1px solid #00aeef;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.form-control:focus {
	border-color:transparent;
	outline:0;
	border-bottom:3px solid #4e63ae!important;
	transition: .1s all; -webkit-transition: .1s all; -moz-transition: .1s all; -o-transition: .1s all;
}
.form-control::-moz-placeholder {
color:#626975;
opacity:1
}
.form-control:-ms-input-placeholder {
color:#626975
}
.form-control::-webkit-input-placeholder {
color:#626975
}
.form-control::-ms-expand {
border:0;
background-color:transparent
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	background-color:#f8f5f0;
	opacity:1
}
.form-control[disabled], fieldset[disabled] .form-control {
	cursor:not-allowed
}
textarea.form-control {
	height:auto
}
input[type="search"] {
	-webkit-appearance:none
}


.btn {
	display:inline-block;
	margin-bottom:0;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer;
	background-image:none;
	border:1px solid transparent;
	white-space:nowrap;
	padding:12px 16px;
	font-size:14px;
	line-height:1.42857143;
	border-radius:4px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline:thin dotted;
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px
}
.btn:hover, .btn:focus, .btn.focus {
	color:#ffffff;
	text-decoration:none
}
.btn:active, .btn.active {
	outline:0;
	background-image:none;
	-webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125)
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	cursor:not-allowed;
	opacity:0.65;
	filter:alpha(opacity=65);
	-webkit-box-shadow:none;
	box-shadow:none
}
a.btn.disabled, fieldset[disabled] a.btn {
	pointer-events:none
}

.btn-primary {
	color:#ffffff;
	background-color:#00aeef;
	border-color:transparent
}
.btn-primary:focus, .btn-primary.focus {
	color:#ffffff;
	background-color:#244363;
	border-color:rgba(0, 0, 0, 0)
}
.btn-primary:hover {
	color:#ffffff;
	background-color:#4e63ae;
	border-color:rgba(0, 0, 0, 0)
	transition: 0.4s all;
	-moz-transition: 0.4s all;
	-webkit-transition: 0.4s all;
}
.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
	color:#ffffff;
	background-color:#244363;
	border-color:rgba(0, 0, 0, 0)
}
.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus {
	color:#ffffff;
	background-color:#1b3249;
	border-color:rgba(0, 0, 0, 0)
}
.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
	background-image:none
}
.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus {
	background-color:#325d88;
	border-color:transparent
}
.btn-primary .badge {
	color:#325d88;
	background-color:#ffffff
}
.btn-block {
	display:block;
	width:100%
}
.btn-block+.btn-block {
	margin-top:5px
}
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
	width:100%
}
.well {
	min-height:12px;
	/*padding:19px;*/
	margin-bottom:12px;
	background-color:#f8f5f0;
	border-radius:4px;
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {
	content:" ";
	display:table
}
.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical>.btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-header:after, .modal-footer:after {
	clear:both
}
.btn {
	border:none;
	font-size:11px;
	line-height:18px;
	font-weight:500;
	text-transform:uppercase
}
.btn:hover {
	border-color:transparent
}
.btn-lg {
	line-height:26px
}
.btn-default:hover {
	background-color:#393a35
}
input, .form-control {
	-webkit-box-shadow:none;
	box-shadow:none
}
input:focus, .form-control:focus {
	border-color:#dfd7ca;
	-webkit-box-shadow:none;
	box-shadow:none
}
/******** STYLE ********/
 @font-face
 { 
 font-family: 'fontello'; src: url('../font/fontello_new.woff') format('woff'); font-weight:normal; font-style:normal; 
 } 
 *
 {  font-size:16px;
 }
::selection {
  background: #4f5362;
  color: #fff;
}
::-moz-selection {
  background: #4f5362;
  color: #fff;
}
html {
  font-size: 14px;
}
@media only screen and (min-width: 480px) {
  html {
    font-size: 17px;
  }
}
@media only screen and (min-width: 768px) {
  html {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1024px) {
  p {
    font-size: 1em;
    margin-bottom: 1.8em;
  }
}
body {
  font-size: 1em;
}
a {
  color: #37a6c4;
}
a:hover {
  text-decoration: none;
  color: #5db9d1;
}
/****************************
*      Background Colors        *
****************************/

.bk-light {
  background-color:transparent;
}
.bk-light img
{
	margin-top:5px;     width: 150px;
	background-size:contain;
}
.bk-img {
  position:relative;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;  
}
.text-bold {
  font-weight: 500;
}
.title .line {
  display: inline-block;
  padding-bottom: 10px;
  border-bottom: 3px solid #222;
}
.mt {
  margin-top: 18px;
}
.mt-4x {
  margin-top: 5px;
}
.mb {
  margin-bottom: 14px;
}
.pt {
  padding-top: 18px;
}
.pt-2x {
  padding-top: 36px;
}
.pb {
  padding-bottom: 18px;
}
.pb-3x {
  padding-bottom: 54px;
}
/* Login page */
.login-page {
  position: absolute;
  height: 100%;
  width: 100%;
}