:root{
    --text-color:rgb(221, 221, 221);
}

body{
    background: radial-gradient(1000px 500px at 20% 0%, #172043 0%, #0b1020 40%);
    color: var(--text-color);
}
.select-new{
    background-color: #e9e9e9 !important;
    color: #0b1020 !important;
}
.main-header{
    padding: 0 2rem;
}
.content-wrapper{
    background-color: transparent;
}
.content-wrapper>.content{
    padding: 0 2rem;
}
.content-wrapper .content-header{
    padding: 1rem 2rem;
}
.main-sidebar{
    background-color: #0b132a;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    overflow: hidden;
}
.nav-pills .nav-link{
    color:  var(--text-color);
}
.card-header{
    padding:0 !important;
}
.card-body{
    padding: 0 !important;
}
.main-header{
    background-color: transparent;
    color:  var(--text-color);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.main-footer{
    background-color: transparent;
    color:  var(--text-color);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.card{
    background-color: transparent;
    color:  var(--text-color);
}
.input, .select select, .textarea {
    background-color: transparent;
    border-color: #dbdbdb;
    border-radius: 4px;
    color:  var(--text-color);
}
.content table thead th{
    color:  var(--text-color);
    background-color: #222;
    text-transform: uppercase;
}
.content table td, .content table th {
    border: 1px solid #363636;
}
.modal-content{
    background: radial-gradient(1000px 500px at 20% 0%, #172043 0%, #0b1020 40%);
    backdrop-filter: blur(10px);
    box-shadow: 3px 3px 20px 0px #6c757d;
}
.form-control,.form-select{
    color: #d7d7d7;
    background-color: #15202c;
    background-clip: padding-box;
    border: 1px solid #2d3032;
}
.form-control:disabled,.form-select:disabled, .form-control[readonly]{
    background-color: #0e1824;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    margin-right: 0.5em;
    display: inline-block;
    color: #ab0000;
    content: "+";
    line-height: 100%;
}

.grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 25rem), 1fr));
    ;
}


/*.navbar {
    padding: 1rem;
}*/

.nav-treeview a {
    padding-left: 2.5rem;
}



.breadcrumb-item+.breadcrumb-item::before {
    padding-right: 0.15rem !important;
}

/*
.content-header {
    padding: 1rem;
}
.content-wrapper>.content {
    padding: 1rem;
}*/
.dt-info{
    text-align: center;
}
div.dt-container div.dt-paging ul{
    flex-wrap: wrap;
    padding: 0;
}
.dt-bulma .columns:first-of-type {
    display: flex !important;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: end;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    content: "" !important;

}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
    cursor: pointer;
    display: flex;
}

@media screen AND (max-width:420px) {
    .dt-bulma .dt-length label {
        display: none;
    }

    .dt-bulma .dt-length select {
        padding: 0.5rem 1rem 0.5rem 0.5rem;
    }

    .dt-bulma .columns:first-of-type .column {
        flex-basis: auto;
    }

    .select:not(.is-multiple):not(.is-loading)::after {
        right: 0.5em;

    }
    .truncate-name {
        max-width: 140px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    


}