.no-border {
    border-color: transparent;
    --bs-btn-hover-bg : transparent;
    --bs-btn-hover-border-color: transparent;
    /* --bs-btn-hover-color: */
}
.italic {
    font-style:italic;
}

/* style for dash mantine components DatePicker */

.m_38a85659 {
    z-index:20000 !important;
}
.date_config .m_8fb7ebe7 {
    background-color: #282828 !important;
    color:whitesmoke !important;
    /* width: 20ch; */
}
.date_config .m_8fb7ebe7:disabled, 
.date_config .m_8fb7ebe7[data-disabled] {
    background-color: rgba(100, 98, 98, 0.562) !important;
    color:rgba(127, 126, 126, 0.608) !important;
    font-style: italic;
}

.pwd-display .m_f2d85dd2 {
    /* background-color: rgb(29, 28, 28) !important; */
    background-color: black !important;
}

.constraint-name-text-input .m_8fb7ebe7 {
    background-color: #191919 !important;
    border: none !important;
    color: whitesmoke;
    font-size: medium;
}
.constraint-name-text-input .m_8fdc1311 {
    color: white;
    font-size: medium;
}

.header_title {
    margin-top: 0px;
    text-align:center;
    color:whitesmoke;
    font-size: large;
    /* font-variant:small-caps; */
    }

.header_labels {
    font-size: small;
    font-style: italic;
    text-align: right;
    vertical-align: text-bottom;
    color: lightgrey;
    }  

.header_values {
    font-size: medium;
    color: white;
    /* font-weight: bold; */
    /* font-variant: small-caps; */
    vertical-align: text-bottom;
}

.header_div {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 20px;
    border-bottom: 2px solid grey;
    width:100%;
    margin:0;
    box-sizing:border-box;
    padding-top: 0;
    margin-top: 0;
}
.header_button_div {
    /* margin-left: 100px;
    display: flex;
    flex-direction: column;
    float:right; */

    position:absolute;
    top:10px;
    right:10px;
}

.modal_footer {
    border-top : 2px solid rgb(50, 50, 50);
    padding-top:1%;
}

/* Inactive tabs  - doesn't work properly !*/
/* .custom-tab {
    border-bottom:1px solid lightgrey;
    border-top:0.5px solid dimgrey;
    font-style:italic;
    margin-bottom:3vw;
    padding-top:0 !important;
    padding-bottom:0 !important;
    line-height:1;
} */


.checklist_row {
    margin-top:5px;
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid dimgrey;
}

.checklist_div {
    width: 65%;
    /* max-width: 1200px; */
    min-width: 500px;
    /* margin: 0 auto; *//*This centers the div horiztontaly */
}

@media (max-width: 768px) {
    .checklist_div {
        width: 90%; /* Adjust for smaller screens */
    }
}
@media (max-width: 1024px) {
    .checklist_div {
        width: 90%; /* Adjust for smaller screens */
    }
}


/* Custom styles for the first switch column */
.orange_switch .form-check-input:checked {
    background-color: #ff5733 !important;  /* Red when on */
    border-color: #ff5733 !important;
}

.orange_switch .form-check-input {
    background-color: #f0f0f0;  /* Gray when off */
    border-color: #f0f0f0;
}

.orange_switch .form-check-input:checked:before {
    background-color: #fff;
}

.edit_re_btn {
    float:right;
    margin-right:10%;
    margin-left:7%;
    /* width:5vw; */
}

.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-danger,
.btn-outline-dark,
.btn-outline-success {
    background-color: transparent !important;
}

/* Make dash mantine DatePicker the same width as dbc inputs */
.m_46b77525 {
    padding:0;
}

.release_element_input {
    display: flex;
    align-items: left;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #ebebeb !important;
    border-color: transparent !important;
    text-align: left;
    white-space: nowrap;
    background-color: rgb(25,25,25);
  }
.release_element_input:disabled {
    background-color: rgb(30,30,30) !important;
    color : white !important;
}
.custom-upload {
  width: 100%;
  height: 100%;
  line-height: 60px;
  border-width: 1px;
  border-style: dashed;
  border-radius: 5px;
  text-align: center;
  vertical-align: middle;
  margin: 10px;
}

.btn-approve {
    background-color: rgba(0, 128, 0, 0.479);
    color:rgb(0, 162, 0);
    border-color:transparent;
    transition: border-color 0.3s ease, color 0.3s ease;
    margin:2%;
}

.btn-approve:hover,
.btn-approve:focus {
    background-color: rgba(0, 128, 0, 0.479);
    color:rgb(0, 162, 0);
    border-color: rgb(0, 162, 0);
}
.btn-approve:disabled,
.btn-approve.disabled {
    background-color: transparent;
    color:rgb(0, 162, 0);
    border-color: rgb(0, 162, 0);        
}

.btn-refuse {
    background-color: rgba(178, 34, 34, 0.394);
    color:firebrick;
    border-color:transparent;
    margin:2%;
}
.btn-refuse:hover,
.btn-refuse:focus {
    background-color: rgba(178, 34, 34, 0.394);
    color:firebrick;
    border-color:firebrick;    
}

.btn-refuse:disabled,
.btn-refuse.disabled {
    background-color: transparent;
    color:firebrick;
    border-color:firebrick;        
}

.custom-tabs .nav-link {
    color: rgba(211, 211, 211, 0.465); /* Change the color of unselected tabs */
    background-color: rgba(169, 169, 169, 0.309);
    /* background-color: rgba(169, 169, 169, 0.123); */
    line-height: 1;
}

/* Active tab */
.custom-tab-active {
    /* font-weight: bold; */
    /* font-style:normal; */
    line-height: 1 !important;
}
/* .custom-tabs .nav-link.active {
} */

.btn-constraint {
    text-decoration: underline; 
    font-style: italic; 
    border: none;
    background-color:transparent;
}

body {
    font-size: 14px; /* Reduce base font size */
}

/* h1, h2, h3, h4, h5, h6 {
    font-size: 80%; 
} */
/* 
button, input, select, textarea {
    font-size: 12px; 
    padding: 4px 8px;
}

.container, .row, .col, .dbc-container {
    padding: 0.5rem; 
}

.dash-table-container {
    font-size: 12px;
}

.ag-theme-alpine {
    font-size: 12px; 
} */