html {
    height: 100%
}

article, aside, details, figcaption, figure, header, hgroup, menu, nav, section, summary {
    display: block;
}

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 1080px;
}

.span12 {
  width: 1080px;
}

.span11 {
  width: 950px;
}

.span10 {
  width: 870px;
}

.span9 {
  width: 780px;
}

.span8 {
  width: 690px;
}

.span7 {
  width: 600px;
}

.span6 {
  width: 510px;
}

.span5 {
  width: 420px;
}

.span4 {
  width: 330px;
}

.span3 {
  width: 240px;
}

.span2 {
  width: 150px;
}

.span1 {
  width: 60px;
}

footer{
    background-color:#333230;
    text-align:center;
    padding:2em 0 1em;
    color:#A7A398;
    display:block;
    clear:both;
    bottom: 0px;
    width:100%;
    height: 1em;
}

ol, ul {
    list-style: none;
}
a {
    color: #403f3b;
}
a:hover{
    color:#c31e1a;
}
body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-align: center;
    color: #403f3b;
    font: 400 100%/1.3 "proxima-nova", 'Proxima Nova',sans-serif;
    background-color: #fefaef;
    height: 100%
}
input {
    width: 220px;
}

header ul{
    margin: 0;
}

.dropdown-menu{
    min-width: auto;
}

.dropdown-menu a{
    display: block;
    width: 5em;
    margin: 2px;
}

.wrapper{
    min-height: 100%;
    margin-bottom: -4em;
}

.wrapper .container:last-child{
    margin-bottom: 4em;    
}

.table, .table-hover{
    line-height: 20px;
    word-break: break-all;
}

.table .table-hover a{
    font: smaller;
}

/* query table of leave */
.date .leave-leaver-name .leave-submit-date .leave-substitute-name .leave-type .leave-reason .leave-period{
    width:6em;
}

.leave_reason{width: 18em}
.leave_type{width:4em}
.duration{width:8.5em}
.result{width:4em}
.leader{width:6em}
.check_time{width:6em}
.pdf{width:4em}

.header {
    text-align: center;
    margin: 1em 0;
}

.logo {
    max-width: 220px;
    max-height: 4em;
}

@media screen and (min-width: 43.75em){
    .site-nav li {
        font-size: 0.615em;
    }
}

.site-nav li {
    list-style-type: none;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1em;
    width: 8em;
}
.site-nav li a {
    color: #403f3b;
}
.site-nav li a:hover{
    color:#c31e1a;
}

.hourSelect{
    width: 70px;
}

.datepicker{
    width:150px;
}

.form-horizontal{
    margin: auto auto 4em;
    width: 550px;
}

.form-horizontal .control-group {
    margin-bottom: 20px;
    /*width: 100px;*/
}

.form-horizontal .controls {
    margin-bottom: 20px;
    text-align: left;
}

.fa-green {
    color: darkgreen;
}

.fa-red {
    color: darkred;
}

div.fullScreenTable {
    display:block;
    position:relative;
    width:100%; 
    height:100%;
    float:left;
}

table input, table select {
    width: inherit;
}

.member-no {
    width: 6em;
    text-transform:uppercase;
}

.member-name {
    width: 6em;
}

.member-team {
    width: 8em;
}

.member-level {
    width: 5em;
}

.member-email {
    width: 8em;
}

.member-phone {
    width: 8em;
}

.member-hotkey {
    width: 4em;
}

.member-ext {
    width: 2em;
}

.status-Y, .team-type-1{
    width: 6em;
    color: green;
}

.status-N, .team-type-0{
    width: 6em;
    color: red;
}

#calendar_frame {
    border: 0;
    padding-bottom:20px;
    width:800px;
    height:1000px;
}

.accept:hover{
    color: green;
}

.reject:hover{
    color: red;
}

i:hover{
    color: red;
}