:root {
    font-size: 14px;
}

/*.form-control:focus,*/
/*.custom-select:focus,*/
/*.custom-file-input:focus~.custom-file-label,*/
/*.select2-container--bootstrap4.select2-container--focus .select2-selection {*/
/*    border-color: var(--blue);*/
/*}*/

/*.select2-container--bootstrap4.select2-container--focus .select2-selection {*/
/*    box-shadow: none;*/
/*}*/

/*.form-group.is-invalid .form-control,*/
/*.form-group.is-invalid .custom-select,*/
/*.form-group.is-invalid .custom-file-label,*/
/*.form-group.is-invalid .select2-container--bootstrap4 .select2-selection {*/
/*    border-color: var(--red);*/
/*}*/

/*.form-group.is-invalid .invalid-feedback {*/
/*    display: block;*/
/*}*/

/**
 * For AdminLTE Sidebar
 */
.nav-sidebar .nav-item>.nav-link {
    padding: .75rem 1rem;
}
.nav-sidebar .nav-item>.nav-link .right {
    top: 1rem;
}

/**
 * For AdminLTE content header
 */
.content-header h1 {
    font-size: 1.4rem;
}

/**
 * For AdminLTE card header of card-outline-tabs
 */
.card.card-outline-tabs .card-header {
    display: flex;
    padding: 0;
}
.card.card-outline-tabs .card-header a {
    color: var(--dark);
    white-space: nowrap;
}
.card.card-outline-tabs .card-header a.active:hover {
    border-top-color: var(--blue);
    cursor: default;
}
.card.card-outline-tabs .card-header a:not(.active):hover {
    border-color: transparent;
    color: #737373;
    cursor: pointer;
}

/**
 * For AdminLTE responsive nav-tabs of card-outline-tabs
 */
.card.card-outline-tabs .card-header .nav-tabs {
    border-bottom: 0;
    flex-wrap: nowrap;
    margin-bottom: -1px;
    overflow: auto visible;
    position: relative;
}
.card.card-outline-tabs .card-header .nav-tabs {
    scrollbar-width: none;
}
.card.card-outline-tabs .card-header .nav-tabs::-webkit-scrollbar {
    display: none;
}
.card.card-outline-tabs .card-header .nav-link {
    margin-bottom: 0;
}

/**
 * For AdminLTE expandable card tools of card-outline-tabs
 */
.card.card-outline-tabs .card-header .card-tools {
    white-space: nowrap;
}
.card.card-outline-tabs .card-header .card-tools .btn-group .dropdown-menu {
    min-width: auto;
}
.card.card-outline-tabs .card-header .card-tools .btn-group .dropdown-item {
    background-color: transparent;
    padding: .5rem 1rem;
}

@media (min-width: 576px) {
    .card.card-outline-tabs .card-header .card-tools .btn-group.btn-group-expand-sm .dropdown-toggler {
        display: none;
    }
    .card.card-outline-tabs .card-header .card-tools .btn-group.btn-group-expand-sm .dropdown-menu:not(.show) {
        border: 0;
        box-shadow: none;
        display: flex;
        margin: -.5rem -.5rem -.3rem 0;
        padding: 0;
        position: static;
    }
}
@media (min-width: 768px) {
    .card.card-outline-tabs .card-header .card-tools .btn-group.btn-group-expand-md .dropdown-toggler {
        display: none;
    }
    .card.card-outline-tabs .card-header .card-tools .btn-group.btn-group-expand-md .dropdown-menu:not(.show) {
        border: 0;
        box-shadow: none;
        display: flex;
        margin: -.5rem -.5rem -.3rem 0;
        padding: 0;
        position: static;
    }
}
@media (min-width: 992px) {
    .card.card-outline-tabs .card-header .card-tools .btn-group.btn-group-expand-lg .dropdown-toggler {
        display: none;
    }
    .card.card-outline-tabs .card-header .card-tools .btn-group.btn-group-expand-lg .dropdown-menu:not(.show) {
        border: 0;
        box-shadow: none;
        display: flex;
        margin: -.5rem -.5rem -.3rem 0;
        padding: 0;
        position: static;
    }
}
@media (min-width: 1200px) {
    .card.card-outline-tabs .card-header .card-tools .btn-group.btn-group-expand-xl .dropdown-toggler {
        display: none;
    }
    .card.card-outline-tabs .card-header .card-tools .btn-group.btn-group-expand-xl .dropdown-menu:not(.show) {
        border: 0;
        box-shadow: none;
        display: flex;
        margin: -.5rem -.5rem -.3rem 0;
        padding: 0;
        position: static;
    }
}

.card.card-outline-tabs .card-header .card-tools .btn-group.btn-group-expand .dropdown-toggler {
    display: none;
}
.card.card-outline-tabs .card-header .card-tools .btn-group.btn-group-expand .dropdown-menu:not(.show) {
    border: 0;
    box-shadow: none;
    display: flex;
    margin: -.5rem -.5rem -.3rem 0;
    padding: 0;
    position: static;
}
.card.card-outline-tabs .card-header .card-tools .btn-group.show .dropdown-toggler {
    display: inline-block;
}
.card.card-outline-tabs .card-header .card-tools .btn-group.show .dropdown-item {
    border-top: 0;
}

/**
 * Text
 */
del {
    color: #999;
    text-decoration-line: line-through;
}

/**
 * Form
 */
.form-asterisk label.required:not(.form-check-label):after {
    color: var(--red);
    content: '*';
    margin-left: .25rem;
}

.form-group .form-text {
    color: var(--gray);
}
.form-group .form-text,
.form-group .invalid-feedback {
    font-size: .9rem;
    margin-top: .5rem;
}
.form-group ol.invalid-feedback,
.form-group ul.invalid-feedback {
    padding-left: 1.5rem;
}
.form-group .invalid-feedback+.invalid-feedback {
    margin-top: 0;
}
.form-group .invalid-feedback:not(:last-child) {
    margin-bottom: 0;
}

.form-errors ul {
    margin-bottom: 0;
    padding-left: 1.8rem;
}

/**
 * Material Form
 */
.form-material .custom-select,
.form-material .form-control,
.form-material .input-group-text,
.form-material .select2-container--bootstrap4 .select2-selection {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}
.form-material .input-group-text {
    background-color: transparent;
}
.form-material .is-invalid .input-group-text {
    border-color: var(--red);
}

/**
 * Flat Form
 */
.form-flat .custom-select,
.form-flat .form-control,
.form-flat .input-group-text,
.form-flat .select2-container--bootstrap4 .select2-selection {
    border-radius: 0;
}

/*!***/
/* * For Select2*/
/* *!*/
/*.select2-container--bootstrap4.select2-container--focus .select2-selection {*/
/*    !* 使select2與AdminLTE inputs的樣式一致 *!*/
/*    border-color: #99c5de;*/
/*    -webkit-box-shadow: none;*/
/*    box-shadow: none;*/
/*}*/
/*.select2-container--bootstrap4.select2-container--focus.select2-container--open .select2-selection {*/
/*    !* 避免select2-selection在關閉時，border-bottom出現明顯黑線 *!*/
/*    border-bottom: 1px solid #ced4da;*/
/*}*/
/*.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {*/
/*    !* 使select2與Bootstrap 4 Custom Select的樣式一致 *!*/
/*    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;*/
/*    padding-right: 1.75rem;*/
/*}*/
/*.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {*/
/*    !* 使select2與Bootstrap 4 Custom Select的樣式一致 *!*/
/*    display: none;*/
/*}*/
/*.select2-container--bootstrap4 .select2-results__option[aria-disabled=true] {*/
/*    color: #ccc;*/
/*}*/

/*!* For Select2 multiple selection *!*/
/*.select2-container--bootstrap4 .select2-selection--multiple {*/
/*    cursor: text;*/
/*}*/
/*.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered {*/
/*    display: block;*/
/*    line-height: calc(1.5em + .75rem);*/
/*    padding: 0 .75rem;*/
/*}*/
/*.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {*/
/*    background-color: #3c8dbc;*/
/*    border-color: #367ea9;*/
/*    color: #fff;*/
/*    cursor: default;*/
/*    line-height: calc(1.5em + .75rem - 10px);*/
/*    margin: 4px .75rem 0 -.375rem;*/
/*    padding: 0 .5rem;*/
/*}*/
/*.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice+.select2-search {*/
/*    margin-left: -.375rem;*/
/*}*/
/*.select2-container--bootstrap4 .select2-selection--multiple .select2-search__field {*/
/*    margin-top: 0;*/
/*    width: auto !important;*/
/*}*/
/*.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {*/
/*    color: rgba(255, 255, 255, .7);*/
/*    cursor: pointer;*/
/*    font-weight: 500;*/
/*    float: right;*/
/*    margin: 0 0 0 2px;*/
/*    padding: 0 0 0 4px;*/
/*}*/
/*.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove:hover {*/
/*    color: #fff;*/
/*}*/

/*!* For select2 when validated invalid *!*/
/*select.is-invalid ~ .select2-container--bootstrap4.select2-container--focus .select2-selection,*/
/*form.was-validated select:invalid ~ .select2-container--bootstrap4.select2-container--focus .select2-selection {*/
/*    border-color: #dc3545;*/
/*}*/
/*select.is-invalid ~ .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered,*/
/*.was-validated select:invalid ~ .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {*/
/*    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat;*/
/*    padding-right: calc(.75em + 2.3125rem);*/
/*}*/
/*select.is-invalid ~ .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered,*/
/*.was-validated select:invalid ~ .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered {*/
/*    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right calc(0.375em + 0.1875rem)/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat;*/
/*    padding-right: 2.25rem;*/
/*}*/

/*!* For Select2 when loading with ajax *!*/
/*.select2-results__option.loading-results::before {*/
/*    animation: fa-spin .5s linear infinite;*/
/*    color: var(--light);*/
/*    content: "\f1ce";*/
/*    display: inline-block;*/
/*    font-family: "Font Awesome 5 Free";*/
/*    font-weight: 900;*/
/*    margin-right: .5em;*/
/*}*/
/*.select2-results__option.loading-results~.select2-results__option {*/
/*    display: none;*/
/*}*/

/*!* For Select2 clear button *!*/
/*.select2-container .select2-selection--single .select2-selection__clear {*/
/*    background-color: transparent;*/
/*    border: 0;*/
/*    color: transparent;*/
/*}*/
/*.select2-selection__clear:before {*/
/*    color: #bdc6d0;*/
/*    content: "\f00d";*/
/*    font-family: "Font Awesome 5 Free";*/
/*    font-size: .8em;*/
/*    font-weight: 700;*/
/*    position: absolute;*/
/*    top: 2px;*/
/*    right: 0;*/
/*}*/
/*.select2-selection__clear:hover:before {*/
/*    color: #343a40;*/
/*}*/

/**
 * DateTimePicker
 */
/*.input-group>.bootstrap-datetimepicker-widget+.form-control,*/
/*.input-group>.bootstrap-datetimepicker-widget+.custom-select,*/
/*.input-group>.bootstrap-datetimepicker-widget+.custom-file {*/
/*    margin-left: -1px;*/
/*}*/
/*input.datetimepicker {*/
/*    padding-right: 2.25rem;*/
/*    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3cpath d='M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z' fill='%236c757d'/%3e%3c/svg%3e");*/
/*    background-repeat: no-repeat;*/
/*    background-position: right calc(0.375em + 0.1875rem) center;*/
/*    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);*/
/*}*/
/*input.datetimepicker.is-invalid,*/
/*.was-validated input.datetimepicker:invalid {*/
/*    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3cpath d='M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z' fill='%23dc3545'/%3e%3c/svg%3e");*/
/*}*/

/**
 * Table
 */
.table {
    width: 100% !important;
}
.table>thead>tr>th,
.table>thead>tr>td,
.table>tbody>tr>th,
.table>tbody>tr>td,
.table>tfoot>tr>th,
.table>tfoot>tr>td {
    vertical-align: middle;
}
.table th.wrap-content,
.table td.wrap-content {
    width: 1%;
    white-space: nowrap;
}
.table th.invisible,
.table td.invisible {
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    white-space: nowrap;
    width: 0;
}
.table>tbody>tr>th.empty-dash:empty::before,
.table>tbody>tr>td.empty-dash:empty::before {
    content: '-';
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f9f9f9 !important;
}
.table-striped tbody tr:nth-of-type(even) {
    background-color: #ffffff !important;
}
.table-hover tbody tr:hover {
    background-color: #f2f2f2 !important;
}
table.dataTable.table-striped>tbody>tr.odd>*,
table.dataTable.table-striped>tbody>tr:hover>* {
    box-shadow: none;
}

tr.is-invalid {
    box-shadow: 1px 0 var(--red) inset, -1px 0 var(--red) inset;
}
tr.is-invalid>td {
    border: 0 solid var(--red);
    border-top-width: 1px;
    border-bottom-width: 1px;
}
tr.is-invalid:not(.dt-rowReorder-moving)+tr.is-invalid>td {
    border-top-width: 0;
}

/**
 * Custom responsive table scrollbar
 */
.table-responsive {
    scrollbar-width: thin; /* for Firefox */
}
.table-responsive::-webkit-scrollbar {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
.table-responsive::-webkit-scrollbar:horizontal {
    height: 15px;
}
.table-responsive::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .1);
    border: 5px solid #fff;
    border-radius: 15px;
}
.table-responsive::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, .25);
}

/**
 * Bootstrap Modal
 */
.modal-title {
    font-size: 1.2rem;
    font-weight: 700;
}

/**
 * For DataTable DOM
 */
table.dataTable {
    margin-top: 0 !important;
}
div.dataTables_wrapper div.dataTables_length select {
    width: 5.5rem;
}
div.dataTables_wrapper div.dataTables_middle {
    margin-bottom: .5rem;
}
div.dataTables_wrapper div.dataTables_info {
    padding-top: 0;
    margin-bottom: .5rem;
}
@media screen and (min-width: 768px) {
    div.dataTables_wrapper div.dataTables_top,
    div.dataTables_wrapper div.dataTables_bottom {
        display: flex;
        align-items: center;
    }
    div.dataTables_wrapper div.dataTables_top_right,
    div.dataTables_wrapper div.dataTables_bottom_right {
        margin-left: auto;
    }
    div.dataTables_wrapper div.dataTables_bottom_left {
        display: flex;
        align-items: center;
    }
    div.dataTables_wrapper div.dataTables_info {
        margin-bottom: 0;
    }
    div.dataTables_wrapper div.dataTables_reset_button+div.dataTables_info {
        border-left: 1px solid #dee2e6;
        margin-left: .75rem;
        padding-left: .7rem;
    }
}

/**
 * For DataTable RowReorder
 */
td.dt-rowReorder-draggable {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 256 512'%3E%3Cpath fill='%23ccc' d='M96 496V16c0-8.8-7.2-16-16-16H48c-8.8 0-16 7.2-16 16v480c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16zm128 0V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v480c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16z'/%3E%3C/svg%3E") no-repeat center;
    cursor: move;
    width: 0;
}
td.dt-rowReorder-draggable:hover, .dt-rowReorder-float-parent td.dt-rowReorder-draggable {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 256 512'%3E%3Cpath fill='%23666' d='M96 496V16c0-8.8-7.2-16-16-16H48c-8.8 0-16 7.2-16 16v480c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16zm128 0V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v480c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16z'/%3E%3C/svg%3E") no-repeat center;
}
.dt-rowReorder-moving {
    opacity: .25;
}
.dt-rowReorder-float {
    background-color: #e6f1f7;
    margin-bottom: 0;
    opacity: 1 !important;
    outline: 1px solid var(--blue);
    outline-offset: -1px;
}
.dt-rowReorder-float-parent {
    outline: none !important;
}

/**
 * For DataTable merging header cells
 */
table.data-table>thead>tr>th {
    border-bottom-width: 0;
}
table.data-table>thead>tr>th[colspan="1"] {
    border-bottom-width: 2px;
}

/**
 * For DataTable Error
 */
table.dataTable td.dataTables_error {
    color: var(--red);
    text-align: center;
}
table.dataTable td.dataTables_error:before {
    color: var(--red);
    content: '\f071';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: .5rem;
}


/**
 * For DataTable Sorting (with Font Awesome 5)
 */
/*
table.dataTable>thead .sorting:before,
table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_desc:before,
table.dataTable>thead .sorting_asc_disabled:before,
table.dataTable>thead .sorting_desc_disabled:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0dd";
    right: .5em;
    bottom: .65em;
}

table.dataTable>thead .sorting:after,
table.dataTable>thead .sorting_asc:after,
table.dataTable>thead .sorting_desc:after,
table.dataTable>thead .sorting_asc_disabled:after,
table.dataTable>thead .sorting_desc_disabled:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0de";
    right: .5em;
    bottom: .75em;
}
*/

/**
 * Utilities
 */
.clickable        { cursor: pointer; }
.overflow-visible { overflow: visible !important; }
.text-shadow      { text-shadow: 1px 1px 3px rgba(0 0 0 / 15%) !important; }
.text-shadow-none { text-shadow: none !important; }

/**
 * Others
 */
.toggle-pane {
    display: none;
}
.toggle-pane.active {
    display: block;
}
.badge {
    display: inline;
    padding: .2em .4em .3em;
}
.badge.badge-building {
    background-color: #5cb85c;
    color: #fff;
}
.badge.badge-land {
    background-color: #f0ad4e;
    color: #fff;
}
.task-progress {
    background-color: #f5f5f5;
    border-radius: .15rem;
    -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 12.5%);
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 12.5%);
    height: 20px;
    min-width: 160px;
}