:root {
    --theme-color: #002388;
    --theme-color-pink: #ff7366;
    --theme-color-gray: #a2a2a2;
    --theme-color-dark-gray: #808080;
    --theme-color-black: #000000;
    --theme-color-white: #FFFFFF;
    --theme-color-light-pink: #ffebdb;
}

body {
    background-color: #edf1f5;
}

.layui-table-cell {
    height: auto;
}

/*.layui-laydate-footer{*/
/*    display: none;*/
/*}*/
.input-group-addon {
    background: var(--theme-color);
}

.btn-theme {
    color: #fff;
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}

/*.card {*/
/*    border: 0;*/
/*    border-radius: 0;*/
/*    box-shadow: 1.5px 2.6px 79px 0 var(--theme-color);*/
/*}*/
.navbar.navbar-primary {
    background: var(--theme-color);
}

.page-title {
    color: var(--theme-color);
}

.content-wrapper {
    background: #edf1f5;
    min-height: 1vh;
}

.layui-none {
    display: none;
}

.layui-layer-btn .layui-layer-btn0 {
    border-color: var(--theme-color) !important;
    background-color: var(--theme-color) !important;
    color: #fff !important;
}

.flex-row-center {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.grid-margin {
    margin-bottom: 0rem;
}

.nav-link-active {
    color: var(--theme-color) !important;
}

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

.layui-table-cell {
    /*text-overflow: unset;*/
    /*white-space: unset;*/
    font-size: 12px;
    line-height: 20px;
}

@media screen and (max-width: 768px) {
    #sidebar {
        display: none;
    }

    .active > #sidebar {
        display: block;
    }

    .grid-margin {
        margin-bottom: 1rem;
    }
}