html, body{
    padding: 0;
    margin: 0;
}
html {
    height: 100%;
}
body {
    padding-top: 50px;
    min-height: 100%;
    background-color: #EEEEEE;
}
.navbar-mahidol {
    background-color: #253988;
    border-color: #1a2861;
}
.navbar-mahidol .navbar-brand img {
    height: 50px;
    display: inline-block;
    margin-top: -15px;
}
.navbar-mahidol a {
    color: #fff;
}
.navbar-mahidol .navbar-toggle {
    border-color: #fff;
}
.navbar-mahidol .navbar-toggle .icon-bar {
    background-color: #fff;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #1e232d;
}
.nav>.name {
    color: #fff;
    position: relative;
    display: block;
    padding: 15px;
}
.navbar .divider-vertical {
    font-size: 3em;
}
@media(min-width: 768px){
    body {
        padding-top: 90px;
    }
    .navbar-mahidol .navbar-brand, .navbar-mahidol .navbar-brand img {
        height: 90px;
    }
    .navbar-nav>li>a, .nav>.name {
        height: 90px;
        line-height: 90px;
    }
}

.header {
    margin: 40px auto;
}
.row-center {
    margin: auto;
    max-width: 500px;
}
.error {
    color: red;
}
input[type=file]{
    margin: 10px 0;
}
.checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
}
#submit-btn{
    height: 50px;
}
#image {
    display: none;
}

@-moz-document url-prefix() {
    fieldset { display: table-cell; }
}
.view .row {
    margin: 15px 10px;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top: 0px;
    }
}

@media(min-width: 992px){
    .img-thumbnail {
        max-width: 70%;
        margin: auto;
    }
}