/* assets/style.css */





body {
    background-color: #121212 !important;
    color: #ffffff;
}



.dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner table{
    --accent:#12fc12 !important;
}

.dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner th:hover [class^="column-header--"]:not(.disabled), .dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner th:hover [class^="dash-filter--"]:not(.disabled){
    border-color: #22af58 !important;
    color: #22af58 !important;
}
.dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner th:hover [class^="dash-filter--"]:not(.disabled){

    color: #22af58 !important;
}

.dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner th:hover [class^="dash-filter--"]{

    color: #22af58;
}



span .dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner th:hover {
    color: #000;


}

.dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner table input{
    --accent: #ffffff !important;
    --text-color: #ffffff !important;
}

.dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner table [class^="column-header--sort"] {
    --text-color: #ffffff;
    --accent: #12fc12 !important;


}




button{
    background-color:lightgray; 
    border-radius: 8%;
}

.Select-control {
    background-color: rgb(25, 25, 25) !important;
    color:white;
    width: 100px;
  }
  
.Select-menu-outer {
    background-color: rgb(25, 25, 25) !important;
    color: white;
}

.actualinputvalue_holder {
    background-color: rgb(25, 25, 25) !important;
    color: white !important;
    border: 1px solid #444;
    padding: 4px 8px;
    border-radius: 4px;
}




.Select-value-label {
    color: white !important;
}

.Select input{
    color:white;
  }

.gJuplL {
    background-color: #115a11 !important; 
}

.dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner th.dash-filter input.dash-filter--case--sensitive{
    border-color:#ffffff !important;
    color: #ffffff !important;
}


.cmSQpo{
    background: rgb(63, 62, 62) !important;
}


.igrnnx{
    background: gray !important;
}
/*

.dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner table{
    --accent: #aab672;
}

.dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner th.dash-filter input.dash-filter--case--sensitive{
    border-color:#12fc12;
}

.dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner th.dash-filter input.dash-filter--case--sensitive{

    border-color:#12fc12;   
} */

/* Dark styling for the DateTimePicker component */
.rdtPicker{
    background: rgb(63, 62, 62) !important;
    
}

.form-control{
    background-color: rgb(25, 25, 25) !important;
    color: #ffffff;
    width: 175px;
}


.form-control:focus{
    background-color: rgb(25, 25, 25) !important;
    color: #ffffff;
    width: 175px;
}


.datepicker-arrow svg path {
    fill: white; /* Change this to your desired color */
}

.rdt.rdtOpen {
    /* Add or modify your styles here */
    background-color: #891111;
    border-color: #333;
    color: floralwhite;
}