body {
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.ng-enter, .ng-leave {
    -webkit-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s;
    transition: all cubic-bezier(0.5, 0.460, 0.450, 0.940) 1s;
    display: block;
    width: 1170px;
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    left: 0;
    right: 0;
}

.ng-enter {
    left: 80%;
}

    .ng-enter.ng-enter-active {
        left: 200px;
    }

.ng-leave.ng-leave-active {
    left: 200%;
}

.btn-clear {
  color: #ffffff;
  background-color: #FF0000;
  border-color: #FF3333;
}

.btn-clear:hover,
.btn-clear:focus,
.btn-clear:active,
.btn-clear.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #CC0000;
  border-color: #FF3333;
}

.btn-clear:active,
.btn-clear.active,
.open .dropdown-toggle.btn-clear {
  background-image: none;
}

.btn-clear.disabled,
.btn-clear[disabled],
fieldset[disabled] .btn-clear,
.btn-clear.disabled:hover,
.btn-clear[disabled]:hover,
fieldset[disabled] .btn-clear:hover,
.btn-clear.disabled:focus,
.btn-clear[disabled]:focus,
fieldset[disabled] .btn-clear:focus,
.btn-clear.disabled:active,
.btn-clear[disabled]:active,
fieldset[disabled] .btn-clear:active,
.btn-clear.disabled.active,
.btn-clear[disabled].active,
fieldset[disabled] .btn-clear.active {
  background-color: #428bca;
  border-color: #357ebd;
}

/* Bootstrap 升級後 Label 多了 max-width: 100% 的設定，導致許多 Label 被折行，這裡移除掉確保畫面沒有太大的異動 */
label {
    max-width: inherit;
}

/* Bootstrap 升級後也會造成 jQuery UI 有些異常 */
.ui-dialog button, .ui-dialog input, .ui-dialog optgroup, .ui-dialog select, .ui-dialog textarea {
    color: #000;
}

/* Bootstrap 升級後 container 從 width 改成 max-width 後造部分版面故障 */
@media (min-width: 992px) {
    .container.legacy {
        width: initial;
        max-width: 970px;
    }
}

@media (min-width: 768px) {
    .container.legacy {
        width: initial;
        max-width: 750px;
    }
}

/* Bootstrap 升級後 .form-control 不再有以下屬性，而是綁在 .form-inline .form-control */
.form-control.legacy {
    vertical-align: middle;
}

/* Bootstrap 升級拿掉這個屬性，導致 .divfieldset 裡面的 Label 跑版 */
.radio label, .checkbox label {
    display: inline;
}