html {
    background: none;
    background-color: #f0f3f4;
}

body {
    font-family: "微軟正黑體" !important;
    /*overflow: auto;*/
}

.navbar-brand img {
    min-height: 30px;
}

.navi ul.nav li a {
    padding: 5px 10px;
    font-weight: bold;
    font-size: 16px;
}

.navi ul.nav li li a {
    padding-left: 25px;
}

.app-aside-folded .navi>ul>li>a {
    height: 40px;
}

.pointer {
    cursor: pointer;
}

.input-group-addon {
    border-radius: 2px;
}

.form-inline .form-group {
    margin-bottom: 5px;
}

.form-inline .form-group>label {
    padding-left: 7px;
    padding-right: 7px;
}

.form-inline .form-group>div {
    padding-right: 0;
}

.form-inline .form-group {
    margin-right: 0;
    margin-left: 0;
}

.form-inline .control-label {
    padding-top: 7px;
    vertical-align: top;
}

.form-inline .form-group label {
    background-color: #DDE6E9;
    padding-bottom: 7px;
}

.table tr th {
    background-color: #DDE6E9;
}

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #F6F8F8;
}

.table-hover>tbody>tr:hover>td {
    background-color: #fff7a8;
}

.table>thead>tr>td.bold,
.table>tbody>tr>td.bold,
.table>tfoot>tr>td.bold,
.table>thead>tr>th.bold,
.table>tbody>tr>th.bold,
.table>tfoot>tr>th.bold,
.table>thead>tr.bold>td,
.table>tbody>tr.bold>td,
.table>tfoot>tr.bold>td,
.table>thead>tr.bold>th,
.table>tbody>tr.bold>th,
.table>tfoot>tr.bold>th {
    font-weight: bold;
    background-color: #337ab7;
    color: #fff;
}

.table-hover>tbody>tr.active>td {
    font-weight: normal;
    background-color: #fff7a8;
    color: rgb(88, 102, 110);
}

.form-box {
    border: 1px solid #dee5e7;
    border-top: 0;
    padding-top: 5px;
}

.block {
    white-space: initial;
    display: block !important;
}

.inline-block,
.input-group-btn {
    display: inline-block;
}

.wrapper-md {
    padding-top: 7px;
    padding-bottom: 7px;
}


/*bootstrap non responsive*/


/*這裡是控制整個版面大小的地方*/

.app.container,
.app.container .app-header {
    max-width: none !important;
    width: 95%;
}

.app.container .app-aside {
    /*width: 970px;*/
}

.editable-controls {
    display: inline-block;
}

.editable-bstime .editable-input input[type=text] {
    width: 46px !important;
}

.form-group {
    white-space: nowrap;
}

.form-control,
.form-control-static {
    width: auto !important;
    display: inline-block;
    padding: 6px 0;
}

.form-search {
    width: 100% !important;
}

textarea {
    border-color: #cfdadd;
    border-radius: 2px;
}

.has-error textarea {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.app-header .input-group .form-control {
    padding: 6px 12px;
}

.panel {
    margin-bottom: 5px;
}

.panel-primary {
    border-color: #dee5e7;
}

.panel-body,
.panel-footer {
    padding: 5px;
}

.pagination {
    margin: 0;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

.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 {
    padding-right: 5px;
    padding-left: 5px;
}


/*th { min-width: 200px; }*/

@media (max-width: 767px) {
    .app.container .app-header {
        width: 100%;
    }
}

.no-shadow:hover {
    cursor: default;
    background: inherit !important;
}

.img-link {
    cursor: pointer;
}

.settings {
    top: 50px;
}

.i-checks>i:before {
    top: 1px;
    left: 0;
    width: 0;
    height: 0;
}

.i-checks input:checked+i:before {
    top: 1px;
    left: 0;
    width: 0;
    height: 0;
    background-color: inherit;
    font-family: 'Glyphicons Halflings';
    content: "\e013";
    color: #23b7e5;
}

.btn-alltop {
    color: #2e6e9e !important;
    background-color: #dfeffc;
    border-color: #c5dbec;
    font-weight: bold;
}

.btn-alltop:hover,
.btn-alltop:focus,
.btn-alltop:active,
.btn-alltop.active,
.open .dropdown-toggle.btn-alltop {
    color: #E17009 !important;
    background-color: #dfeffc;
    border-color: #c5dbec;
}

.dropdown-menu {
    z-index: 1006;
}

.form-required:before {
    content: "*";
    color: #a94442;
}

.settings.active.window-mask {
    position: fixed;
    z-index: 1049;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* 通行證證別下拉選單有"電動"以紅字顯示 */

.form-group[label='通行證證別'] select option[label*='電動'] {
    color: red;
}

.form-group[label='通行證證別'] select option:not([label*='電動']) {
    color: black;
}