@import url("https://fonts.googleapis.com/css?family=Poppins:wght@400,;500;600;700&display=swap");

body {
    font-family: 'Poppins', sans-serif;
}

:root {
    --fontsize-input: 0.8rem;
}

.card-header {
    height: 30px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.card-top {
    margin-top: 8px !important;
    height: 51vh !important;
}

.card-bottom {
    margin-top: 10px !important;
    height: 41vh !important;
}


.edit-item {
    background-color: inherit;
    color: lightgray;
    height:30px;
    font-size: small;
    padding: 0.3rem;
    padding-right: 0.1rem !important;
}

.Select-control {
    padding: 0 !important;
    border-color: black !important;
    border-radius: var(--bs-border-radius-sm);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.Select-multi-value-wrapper {
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.Select-placeholder {
    line-height: 28px !important;
    color: lightgray;
}

.Select div { 
    background: #31363b !important;  
    color: lightgray !important; 
    }


.act-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 8rem;
    height: 2rem;
    font-size: 0.9rem;
}

.dash-spreadsheet-container .dash-spreadsheet-inner table tbody tr:hover {
    background-color: #272B30 !important;
}


.tab-content {
    padding: 0.5rem !important;
}
/* .tab-column {
    background-color: red;
} */



/* .accordion {
    background-color: yellow;
} */

/* .accordion-item {
    background-color: red;
    padding-top: 100px;
} */

.accordion-item .accordion-body{
    /* background-color: yellow; */
    padding-top: 0;
}

/* .accordion-item .accordion-header {
    background-color: green !important;
    height: 200px;
} */

.accordion-item .accordion-header .accordion-button{
    /* background-color: blue !important; */
    height: 10px;
    font-size: 0.9rem;
}

.wells-card {
    /* background-color: red !important; */
    margin-top: 10px;
    display: flex;
}

.input-group-wtext {
    font-size: 0.8rem;
    margin-top: 2px;
}

.input-group-wtext__label {
    width: 125px;
    color: lightgray;
}

.floating-alert {
    position: absolute;
    top: 0px;  
    left: 50%;  
    transform: translateX(-50%);
    z-index: 1000;  
    /* width: 100%; */
    width : auto;
    opacity: 0.95;
    /* centralize the content */
    display: flex;
    flex-direction: column; /* Ensure vertical stacking */
    justify-content: center;
    align-items: center;
    text-align: center;

}
.alert-text {
    margin-bottom: 10px; /* Add spacing between text and buttons */
}

.wells-card-header {
    /* background-color: yellow; */
    /* border: 1px solid red; */
    /* display: flex; */
    padding-right: 0px;
    align-items: center; /* Centers vertically */
}

.alert-buttons {
    /* background-color: yellow; */
    display: flex;
    justify-content: center;
    gap: 50px; /* Add space between buttons */
}

.alert-btn {
    width: 5rem;
    border: 1px solid rgb(182, 180, 180);
}

.close-btn {
    /* background-color: red; */
    margin-top: -2px;
    /* border: 1px solid red; */
    border: none;
    height: 90%;
}
.close-btn:hover {
    background-color: transparent !important;
    color: red; 
}

.input-group-range {
    /* /* font-size: 2rem !important;  */
    /* color: red !important; */
    display: flex;
    margin-top: 10px;
    margin-left: 10px;
}



.input-group-range__slider {
    flex-grow: 1;
    padding-top: 0px;
    height: 1rem;
}


/* .input-group-range__slider .rc-slider-tooltip-inner {
    font-size: 0.5rem;
    padding-bottom: 0px !important;
} */

.input-group-range__input {
    /* height: 2%; */
    font-size: var(--fontsize-input);
    background-color: #EAEAEB;
    height: 30px;
}

.input-group-range__label {
    font-size: var(--fontsize-input);
    color: lightgray;
    height: 30px;
}

.input-group-range__unit {
    font-size: var(--fontsize-input);
    color: lightgray;

}
.dp-select__label {
    font-size: calc(var(--fontsize-input) * 1);
    color: lightgray;
    padding: 0px;
    /* padding-left: 0.3rem; */
    /* margin: 0px; */
    width: 10rem;
}

.chart-tite-listener__groups {
    width: 100%;
    /* border: 1px solid yellow; */
    padding: 0px;
}

.input_title__groups {
    background-color: transparent !important;
    border: none !important;
    /* font-weight: bold !important; */
    margin-bottom: 0 !important;
    /* padding: 0.1rem; */
    /* padding-bottom: 50px !important; */
    font-size: small;
    /* color: red; */
    color: lightgray !important;

}

.input_title__groups::selection {
    background-color: #86b6fe77;
    color: lightgray !important;
    border: 1px solid red;
}
/* ------------------------------------------------- */
/* Control Table Pagination Buttons */
/* Remove background and make buttons smaller */
/* .previous-next-container button {
    background-color: transparent;
    border: none;
    padding: 5px;
    font-size: 12px;
} */

/* Adjust the size of the SVG icons */
/* .previous-next-container button svg {
    width: 12px;
    height: 12px;
} */
/* ------------------------------------------------- */