html {
  font-size: 12px;
}

@media (min-width: 1920px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
    background-color: #ebeef4 !important;
}

.container {
    margin-left: 10%;
    margin-right: 10%;
 }

.ag-cell-value {
    /*ag-font-size: 28px;
    ag-font-family: monospace;*/
    line-height: normal !important;
    --ag-background-color: rgb(249, 245, 227) !important;
}


.ag-theme-quartz {
    --ag-background-color: rgb(249, 245, 227);
    line-height: normal !important;
    /* disable all borders */
    --ag-borders: none !important;
    /* then add back a border between rows */
    /* and between columns */
    --ag-cell-horizontal-border: solid rgb(203, 203, 203) !important;
}

.ag-theme-quartz,
.ag-theme-quartz-dark {
    --ag-value-change-value-highlight-background-color: #cc222244;
}

.editedCell {
    background-color: #ffe4e3 !important;
}

.newRow {
    background-color: #faf2ed !important;
}

.evenRows {
    background-color: #eaeaea !important;
}

.match {
    font-weight: bold;
}

.note {
    width: 100%;
    border: none;
    height:auto;
    box-sizing: border-box; /* Ensures padding and border are included in the element's total width and height */
    padding: 10px;
}

pre {
    padding: 10px; /* Optional: Add padding for readability */
    background-color: #f8f8f8; /* Optional: Background color */
    border: none; /* Remove border */
    width: 100%; /* Full width */
    box-sizing: border-box; /* Include padding in the element's total width */
    white-space: pre-wrap; /* Preserve whitespace and wrap text */
    overflow-x: auto; /* Handle horizontal overflow */
    font-family: system-ui, -apple-system, sans-serif !important;  /* Inherit the font family */
    font-size: 16px !important; /* Inherit the font size */
    color: #333; /* Inherit the text color */
    line-height: 1.5; /* Inherit the line height */
}

.employe-container {
    width: 82%; /* Adjust the width as needed */
    max-width: 100%; /* Ensures it doesn’t exceed the viewport width */
    margin: 0 auto; /* Center the container */
}

.modal-xxl {
    max-width: 80% !important; /* Adjust the width as needed */
}

.fixed-height {
    height: 800px; /* Set the fixed height */
    background-color: #f8f9fa; /* Optional: Background color */
    border: 1px solid #ddd; /* Optional: Border for visibility */
    overflow: hidden; /* Ensure no scrollbar */
}

.fixed-height-600 {
    height: 600px; /* Set the fixed height */
    background-color: #f8f9fa; /* Optional: Background color */
    border: 1px solid #ddd; /* Optional: Border for visibility */
}

.scrollable {
    height: 800px; /* Set the same fixed height */
    overflow-y: auto; /* Make this div scrollable */
    background-color: #e9ecef; /* Optional: Background color */
    border: 1px solid #ddd; /* Optional: Border for visibility */
}

.scrollable-600 {
    height: 600px; /* Set the same fixed height */
    overflow-y: auto; /* Make this div scrollable */
    background-color: #e9ecef; /* Optional: Background color */
    border: 1px solid #ddd; /* Optional: Border for visibility */
}

.active {
    background: var(--bs-app-sidebar-menu-link-hover-bg)
}

.red-change {
    color:red !important;
}

.hiddenTabs {
    display: none !important;
}

.adhesionsHiddenButtons {
    display: none !important;
}

.modal-body {
    overflow-y: auto;
}

.label-wrap {
    display: flex;
    padding: 4px;
}

    .label-wrap label {
        width: 50%;
        align-content:center;
    }

    .label-wrap select {
        width: 67%;
        align-content: center;
    }

.ag-column-first {
    align-items: center !important;
    display: flex !important;
}

.toasts-container {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10000;
}

.info-box {
    border: 1px solid #ffc107;
    background-color: #f4f1eb;
    padding: 0.2rem;
    border-radius: 0.375rem;
}