:root {
    --my-theme-color: #0d2191;
    --active-icon-color:#000;
}
.order-detail .label-title {
    color: #000;
    font-weight: 500;
}

.order-detail.listview > li .item {
    padding: 0px 0px;
    width: 100%;
    min-height: 32px;
    display: flex;
    align-items: center;
}

.order-detail.listview > li:after {
    position: initial;
}

.btn_submit {
    background: var(--my-theme-color) !important;
    border-color: var(--my-theme-color) !important;
    color: #ffffff !important;
}

.btn_submit:hover,
.btn_submit:focus,
.btn_submit:active,
.btn_submit.active {
    background: var(--my-theme-color) !important;
    border-color: var(--my-theme-color) !important;
}

.btn_submit.disabled,
.btn_submit:disabled {
    background: var(--my-theme-color);
    border-color: var(--my-theme-color);
    opacity: 0.5;
}

.fab-button .fab {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
        0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--my-theme-color);
    border-radius: 100%;
    color: #fff !important;
}

.fab-button .fab > i.icon,
.fab-button .fab > ion-icon {
    font-size: 26px;
    transition: 0.2s all;
    --ionicon-stroke-width: 42px;
}

.fab-button .fab:hover,
.fab-button .fab:active {
    background: var(--my-theme-color);
}

.fab-button.dropdown.show .fab {
    background: var(--my-theme-color);
}
table.dataTable.dtr-inline.collapsed
    > tbody
    > tr[role="row"]
    > td:first-child::before,
table.dataTable.dtr-inline.collapsed
    > tbody
    > tr[role="row"]
    > th:first-child::before {
    top: 12px !important;
}

.page-item.active .page-link {
    background-color: #101214 !important;
}
.page-item.disabled .page-link {
    background-color: #351e0e59 !important;
}
.layout-child-app-bottom {
    /*border: 2px solid !important;
    border-color: #f71c1c !important;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    margin: 0 auto;
    border-radius: 15px;
    background: #5a8314 !important;
    width: 95%;
    align-content: center;
    text-align: center;
    justify-content: center;
    */
}
.app-bottom {
    /*border: 2px solid !important;
    border-color: #f71c1c !important;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    margin: 0 auto;
    border-radius: 15px;
    background: #5a8314 !important;
    width: 95%;
    align-content: center;
    text-align: center;
    justify-content: center;*/
}