
@font-face {
 font-family: MyCalibri;
 src: url("/font/Calibri.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyCalibri;
 src: url("/font/Calibri.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: BeVietnam-Regular;
 src: url("/font/BeVietnam-Regular.ttf") /* EOT file for IE */
}

body { background-color:#00344D; margin:0; padding:0; color:#FFF; font-family:BeVietnam-Regular; font-size:14px; }

* {
  -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;
}

a { text-decoration:none; color:#FFF; }

.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}

.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }

.container { width:auto; }
.full-content-center { width:450px; text-align:center; margin:6% auto; }
.btn { border-radius:5px; padding:6px 12px; cursor:pointer; }
.btn-block { display:block; width:100%; }
.btn-lg { background-color:#0088cd; color:#FFF; padding:10px 12px; font-size:16px; }
.btn-lg:hover { background-color:#00669a; }

.form-group { margin-bottom:15px; }
.form-control { font-size:13px; width:100%; height:34px; line-height:1.42857143; border-radius:5px; padding:6px 12px; border:1px solid #ccc; }

.login-input { position:relative; }
.login-input .text-input { padding-left:30px; }
.login-input i.overlay { position:absolute; left:10px; top:10px; color:#aaa; }

.copyright { text-align:center; margin-top:50px; }