/* 
    Document   : admin
    Created on : Feb 12, 2014, 2:45:26 PM
    Author     : pang
    Description:
        Purpose of the stylesheet follows.
*/
@font-face{
    font-family: open sans;
    src: url(../fonts/open_sans/OpenSans-Light.ttf);
}

@font-face{
    font-family: open sans regular;
    src: url(../fonts/open_sans/OpenSans-Regular.ttf);
}

@font-face{
    font-family: open sans bold;
    src: url(../fonts/open_sans/OpenSans-Bold.ttf);
}

@font-face{
    font-family: open sans cond;
    src: url(../fonts/open_sans/OpenSans-CondLight.ttf);
}

@font-face{
    font-family: ubuntu light;
    src: url(../fonts/ubuntu/Ubuntu-Light.ttf);
}

@font-face{
    font-family: ubuntu regular;
    src: url(../fonts/ubuntu/Ubuntu-Regular.ttf);
}

@font-face{
    font-family: ubuntu bold;
    src: url(../fonts/ubuntu/Ubuntu-Bolf.ttf);
}

@font-face{
    font-family: roboto;
    src: url(../fonts/Roboto/Roboto-Light.ttf);
}
root { 
    display: block;
}

a {
   outline: 0 !important;
   text-decoration: none !important;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 1px dotted transparent;
}

body{
    font-family: 'open sans regular', sans-serif;
    background: #ecf0f1;
    text-rendering: optimizelegibility;
    color: #555;
}

input[type="text"],input[type="password"],input[type="email"]{
    /*padding-left: 40px;*/
}

h1,h2,h3,h4,h5,h6{
    font-family: 'roboto', sans-serif;
}

html,body,.container
{
    height:100%;
}

.login {
    /*display: table;*/
    /*position: absolute;*/
    /*height: 100%;*/
    /*width: 100%;*/
    margin-top: 80px;

}

.login-inner{
    /*display: table-cell;*/
    /*vertical-align: middle;*/
    /*margin-top: -200px;*/
}
.page-header{
    margin-bottom: 0;
}

.fa-android{
    color:#bcd42a;
}



.panel-heading .lead{
    margin:0;
}

.mLabel{
    margin-bottom: 0.3em;
}

.mBlock{
    background-color: #ecf0f1;
    padding:1em;
    border: 1px solid #ddd;
}

#mAlert-container{
    text-align: center;
    position:fixed;
    bottom:50px;
    width:100%;
    left:0;
    z-index: 99999;
}

#mAlert-container .danger{
    background:#e74c3c;
    border:1px solid #c0392b;
}

#mAlert-container .warning{
    background:#f39c12;
    border:1px solid #d35400;
}

#mAlert-container .success{
    background:#2ecc71;
    border:1px solid #27ae60;
}

#mAlert-container .mAlert{
    max-width: 350px;
    padding:0.5em 1em;
    margin:auto;
    border-radius: 30px;
}

.mNavigation{
    padding:0;
    margin:0;
}

.mNavigation li{
    list-style-type: none;
    display:inline-block;
    margin-right: 1em;
    padding-bottom: 1em;
}
.mNavigation li a{
    font-size: 1.2em;
}
.mNavigation .active{
    border-bottom : 3px solid rgb(0,105,92);
}

.mNavigation .active a{
    color : rgb(0,105,92);
}

.mNavigation .active a .badge{
    background: rgb(0,105,92);
}



.clear-form a{
    color:#ecf0f1;
}

.clear-form a:hover{
    color:#fff;
}




.form-control{
    height:35px;
    border-radius: 0;
}

.hr-strong{
    border-top:1px solid #bbb;
}

.l-l{
    border-bottom: 1px solid #bbb;
    width:50px;
}

.input-icon{
    position: absolute;
    left: 12px;
    top: 5px;
    font-size: 1.6em;
}

.text-white{
    color: #fff;
}

.btn{
    border-radius: 0;
    padding: 0.8em 1em;
}

.btn-success{
    background-color: rgb(0,105,92);
    border: 2px solid rgb(0,105,92) !important;
}

.btn-success:hover{
    background-color: #fff;
    color: rgb(0,105,92);
}

.navbar-default{
    border-top: 5px solid rgb(0,105,92);
}


.panel-default{
    border-top: 3px solid rgb(0,105,92);
}

.login-header {
    margin-bottom: 25px;
    margin-top: 15px;
}

.login-header img {
    width: 77px;
}

.login-header .title{

    font-weight: bold;
    margin-top: 3px;
    color: rgb(0,105,92);
}

input.form-control {
    height: 42px;
    border: 2px solid #ccc;
}