/* Darkmode scrollbar */
:root {
    color-scheme: dark;
}

div.dt-buttons{
    float: right!important;
}

.container-sm #fdata{
    padding-bottom: 30px !important;
}

table.display td {
    padding: 3px 10px;
    white-space:nowrap;
}

/* Hides text in the command columns */
.superHidden{
    /* display: inline;
    width: 0px;
    height: 0px;
    visibility: hidden; */
    font-size: 0px;
    display: inline; 
    position: absolute;
    clip: rect(0,0,0,0);
}

.hidden{
    display: none !important;
}


/* Makes readonly input look normal */
/* **not used anymore** */
/* input[readonly]{
    background-color: #fbfbfb !important;
} */

.bigmodal {
    /* min-width: 60%; */
    max-width: 1066px !important;
}

a.buttons-collection {
    margin-left: 1em;
}

.select2{
    width:100%!important;
}

#toast-container > div {
    opacity:1 !important;
}

element {
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-y: scroll; 
}

element::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}


/* Expand credits button */
#creditModal #collapseCredits.collapse:not(.show) {
display: block;
height: 4.7rem;
overflow: hidden;
}

#creditModal #collapseCredits.collapsing {
    height: 4.7rem;
}

#creditModal #collapseCreditsBT.collapsed::after {
    content: '+ Show More';
}

#creditModal #collapseCreditsBT:not(.collapsed)::after {
    content: '- Show Less';
}

/* Expand website credits */
#creditModal #collapseWebsiteCredits.collapse:not(.show) {
    display: block;
    height: 4.5rem;
    overflow: hidden;
}
    
#creditModal #collapseWebsiteCredits.collapsing {
    height: 4.5rem;
}
    

#creditModal #collapseWebsiteCreditsBT.collapsed::after {
    content: '+ Show More';
}

#creditModal #collapseWebsiteCreditsBT:not(.collapsed)::after {
    content: '- Show Less';
}


/* datatables dropdown dark */ 
.buttons-columnVisibility.dropdown-item.active, .dropdown-item:active {
    color: #d3d3d3;
    text-decoration: none;
    background-color: #376490;
}

/* custom search builder */
.dtsb-searchBuilder .btn-light{
    color: #d3d3d3;
    background-color: #606469;
    border-color: #2f2f2f;
}

.dtsb-searchBuilder .btn-light:hover{
    color: #ffff;
    background-color: #606469;
    border-color: #ffff;
}

.dtsb-searchBuilder .btn-light:active{
    color: #ffff !important;
    background-color: #606469 !important;
    border-color: #ffff !important;
}

.dtsb-searchBuilder .btn-light:focus{
    color: #ffff !important;
    background-color: #606469 !important;
    border-color: #ffff !important;
}

.dtsb-searchBuilder .form-control{
    color: #d3d3d3;
    background-color: #606469;
    border-color: #2f2f2f;
}

div.sbpopover {
    width: 98vw !important;
}

@media screen and (min-width: 768px) {
    div.sbpopover {
        left: -49vw !important;
    }
}

@media screen and (max-width: 768px) {
    div.sbpopover {
        left: 1vw !important;
    }
}

/* copy to clipboard -header */
#datatables_buttons_info.dt-button-info h2{
    color: #d3d3d3;
    background-color: #343a40;
}
/* body */
#datatables_buttons_info.dt-button-info div{
    color: #d3d3d3;
    background-color: #606469;
}

/* Fix text color */
.btn-outline-secondary{
    color: #cdcdcd !important;
}


/* Icon colors */
.X{height: 23px;}

/* Datatables resize */
table.dataTable thead th[data-is-resizable=true] {
    border-left: 1px solid transparent;
    border-right: 1px dashed #000000;
}
table.dataTable thead th.dt-colresizable-hover {
    cursor: col-resize;
    background-color: #23282e;
    border-left: 1px solid #000000;
}
table.dataTable thead th.dt-colresizable-bound-min, 
table.dataTable thead th.dt-colresizable-bound-max {
    opacity: 0.2;
    cursor: not-allowed !important;
}


span.select2.select2-container, 
span.select2.select2-container > span.selection,
span.select2.select2-container > span.selection > span.select2-selection{
    height: 100% !important;
}