body{
    background: #505050;
}

.card .card-body{
    padding:1rem;
}

.table td .cell, .table th .cell{
    font-size:1rem;
    color: black;
}

.card .el-table table thead th, .el-collapse-item .el-table table thead th, .modal .el-table table thead th{
    background: linear-gradient(to bottom, rgba(204,224,245,1) 0%, rgba(153,194,235,1) 100%);
    font-size:0.9rem;
    padding-left:0.4rem;
    padding-right:0.4rem;
    padding-top:0.4rem;
    padding-bottom:0.4rem;
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    text-align: center;
}

.header_bg{
   background: linear-gradient(to bottom, rgba(204,224,245,1) 0%, rgba(153,194,235,1) 100%);
}
td{
   border-right: 1px solid rgba(0, 0, 0, 0.05);
}

td:first-child {
    border-left: 1px solid rgba(0, 0, 0, 0.05);
}

.input-group-text{
    min-width:120px;
}
#mymodalclass .input-group .form-control:not(:first-child){
    padding-left:4px;
    padding-right:4px;
}

.test{
    color:red;
    background: green;
}

.navbar{
    background: linear-gradient(rgb(57, 67, 77), rgb(54, 64, 74));
}

.navbar-nav .nav-item a.nav-link{
    color: rgb(207,207,207);
    border-top: 1px solid rgb(62, 72, 82);
    border-bottom: 1px solid rgb(44, 54, 64);
}
.navbar.navbar-light .navbar-nav .nav-link:hover{
    color: #fff;
    background: #9ae0fa;
    border-left: 3px solid #b2d8ff;
}

.navbar.navbar-light .navbar-nav .show > .nav-link, .navbar.navbar-light .navbar-nav .active > .nav-link, .navbar.navbar-light .navbar-nav .nav-link.show, .navbar.navbar-light .navbar-nav .nav-link.active{
    color: #fff;
    background: #9ae0fa;
}
.footdiv{
    color: white !important;
}

.navbar-light.navbar-vertical .navbar-nav .nav .nav-link{
    padding-left:4.25rem;
}

.navbar-nav .nav-item .nav-sm  .nav-link span::before{
    content:"\2023  ";
    font-size: 1.25rem;
    white-space: pre;
}

@media only screen and (min-width: 1024px) {
    
    .navbar-light.navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link{
        padding-left:4.25rem;
    }

    .navbar-light.navbar-vertical.navbar-expand-md .navbar-nav .nav-sm .nav-link.active:before{
        border-left-color: #f5365c
    }
}