.login-box {
    padding-top: 15%;
    width: 100%;
}

.login-title {
    font-size: 18px;
}

input.error, select.error {
    border-color: #a94442;
}

.error select,  .error input{
    border-color: #a94442;
}

.errorMessage {
    color: #a94442;
}

.page-header {
    font-size: 20px;
    margin: 10px 0;
}
.img-preview {
    cursor: pointer;
}
.box-img-preview {
    margin: 15px 0;
}
.sub-menu {
    margin: 0 0 10px;
}
.sub-menu li a {
    background: #31b0d5 none repeat scroll 0 0;
    color: #fff;
}
.sub-menu li a:hover {
    color: #31b0d5;
}
.detail-view tr th {
    background: #dddddd none repeat scroll 0 0;
    text-align: left;
}
.footer {
    background-color: #f5f5f5;
    height: 60px;
    width: 100%;
}
.filters select {
    height: 26px;
}
.form-horizontal .control-label {
    text-align: left;
}
.errorMessage {
    color: #cc0000;
}
.filter-small {
    width: 70px;
}
.filter-small input {
    width: 52px;
}
.filter-medium input {
    width: 70px;
}
.input-date {
    width: 80px;
}
.null {
    color: #ccc;
}
.uang input {
    width: 80px;
}
tr.selected {
    background: #eee none repeat scroll 0 0 !important;
}
.box-input .add-new-main, .edit {
    cursor: pointer;
}
.progress.active .progress-bar, .progress-bar.active {
    animation: 1s linear 0s normal none infinite running progress-bar-stripes;
}
.progress {
    height: 34px;
}
.progress-xs {
    border-radius: 4px 4px 0 0;
    height: 10px;
    margin: 0;
}
.box-progress {
    padding: 0;
}
.pager li > a {
    border-radius: 4px;
}
.btn-submit {
    margin-left: 10px;
}
.total {
    font-weight: bold;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 2px;
}
textarea.form-control {
    height: auto;
    min-height: 110px;
}