: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;
}
@media screen and (max-width: 768px){
    #sidebar{
        display: none;
    }
    .active > #sidebar{
        display: block;
    }
    .grid-margin {
        margin-bottom: 1rem;
    }
}