/* Import Red Hat Display Font */
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@700&display=swap');

.tharsos-body {
    font-family: 'Red Hat Display', Arial, sans-serif !important;
    /* background-color: #f8f9fa; */
    background-color: #ECEBEB;
}

.tharsos-mb-3 {
    position: relative;
    width: 100%;
    /* max-width: 400px; */
    margin-bottom: 20px;
}

.tharsos-form-label {
    position: absolute;
    top: -10px;
    left: 20px;
    background-color: #ffffff; /* Ensure the background is white */
    padding: 0 5px;
    font-size: 16px;
    color: #555555;
    transition: 0.3s ease;
    z-index: 1;
}

.tharsos-form-label .tharsos-text-danger {
    color: red;
    margin-left: 4px;
}

.tharsos-form-control {
    width: 100%;
    padding: 12px 20px;
    font-size: 16px;
    border: 2px solid #333333;
    border-radius: 50px;
    outline: none;
    transition: border-color 0.3s ease;
    box-sizing: border-box;
    font-family: 'Red Hat Display', Arial, sans-serif !important;
}

.tharsos-form-control:focus {
    border-color: #8C3D3D;
}

.tharsos-form-control::placeholder {
    color: transparent;
}

.tharsos-form-control:focus ~ .tharsos-form-label,
.tharsos-form-control:not(:placeholder-shown) ~ .tharsos-form-label {
    font-size: 16px;
    color: #333333;
    background-color: #ffffff; /* Keep background white when label is shrunk */
    padding: 0 5px;
    top: -20px; /* Adjusted to move the label up when focused */
}

.tharsos-input-group {
    display: flex;
    align-items: stretch;
    width: 100%;
    position: relative;
}

.tharsos-input-group .tharsos-form-control {
    border-radius: 50px 0 0 50px;
    border-right: none;
    box-sizing: border-box;
}

.tharsos-input-group .tharsos-btn {
    border-radius: 0 50px 50px 0;
    border-left: none;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f9fa;
    border: 2px solid #333333;
    border-left: none;
}

.tharsos-invalid-feedback {
    color: #e3342f;
}

.tharsos-text-muted {
    color: #6c757d !important;
}

.tharsos-float-end {
    float: right;
}

/* General button styles */
.tharsos-btn {
    font-weight: bold;
    border: none;
    border-radius: 10px;
    padding: 10px 20px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Disabled button styles */
.tharsos-btn-primary:disabled,
.tharsos-btn-primary[disabled] {
    background-color: #d8b4b2; /* Lighter, grayed-out background color */
    color: #f0d2d2; /* Lighter text color */
    cursor: not-allowed; /* Shows a "not-allowed" cursor */
    opacity: 0.6; /* Reduces opacity to give a disabled look */
    pointer-events: none; /* Disables all pointer events */
}

/* Style for the first button (Accedi) */
.tharsos-btn-primary {
    background-color: #8C3D3D;
}

/* Hover effect for Accedi button */
.tharsos-btn-primary:hover {
    background-color: #7d3930;
}

/* Style for the second button (Cancellla) */
.tharsos-btn-secondary {
    background-color: transparent;
    color: #c23d3a;
    border: 2px solid #c23d3a;
}

/* Hover effect for Cancella button */
.tharsos-btn-secondary:hover {
    background-color: #c23d3a;
    color: #ffffff;
}


/* Toggle icon button */
.tharsos-toggle-icon {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) rotate(90deg); /* Default down-oriented icon */
    background-color: #8C3D3D; /* Background color */
    color: white; /* Icon color */
    border: none;
    border-radius: 50%; /* Make it circular */
    padding: 5px;
    font-size: 18px; /* Icon size */
    cursor: pointer;
    transition: transform 0.3s ease; /* Smooth transition for rotation */
}

/* Font size inside accordion */
.tharsos-font-size-16 {    
    font-family: 'Red Hat Display', Arial, sans-serif !important;
    font-size: 16px;
    line-height: 1.5;
}

/* Font size inside accordion */
.tharsos-accordion-no-header-font-size-16 {
    font-size: 16px;
    line-height: 1.5;
    color: black;
}

/* Font size inside accordion */
.tharsos-accordion-no-header-with-evidence-font-size-16 {
    font-size: 16px;
    line-height: 1.5;
    color: #8C3D3D;
}

.tharsos-download-button {
    width: 30px;  /* Size of the button */
    height: 30px; /* Size of the button */
    background-image: url('/build/images/elenchi/download-no-selected-icon.png'); /* Load another image */    
    background-size: cover; /* Scale background image to cover the entire button */
    background-position: center; /* Center the background image */
    border-radius: 50%; /* Circular button */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
}

/* Optional: Hover effect */
.tharsos-download-button:hover {
    width: 30px;  /* Size of the button */
    height: 30px; /* Size of the button */
    background-image: url('/build/images/elenchi/download-selected-icon.png'); /* Load another image */    
    background-size: cover; /* Scale background image to cover the entire button */
    background-position: center; /* Center the background image */
    border-radius: 50%; /* Circular button */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
}

.tharsos-delete-button {
    width: 30px;  /* Size of the button */
    height: 30px; /* Size of the button */
    background-image: url('/build/images/elenchi/trash-no-selected-icon.png'); /* Load another image */    
    background-size: cover; /* Scale background image to cover the entire button */
    background-position: center; /* Center the background image */
    border-radius: 50%; /* Circular button */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
}

/* Optional: Hover effect */
.tharsos-delete-button:hover {
    width: 30px;  /* Size of the button */
    height: 30px; /* Size of the button */
    background-image: url('/build/images/elenchi/trash-selected-icon.png'); /* Load another image */    
    background-size: cover; /* Scale background image to cover the entire button */
    background-position: center; /* Center the background image */
    border-radius: 50%; /* Circular button */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
}

.tharsos-onlyview-button {
    width: 30px;  /* Size of the button */
    height: 30px; /* Size of the button */
    background-image: url('/build/images/elenchi/mostra-no-selected-icon.png'); /* Load another image */    
    background-size: cover; /* Scale background image to cover the entire button */
    background-position: center; /* Center the background image */
    border-radius: 50%; /* Circular button */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
}

/* Optional: Hover effect */
.tharsos-onlyview-button:hover {
    width: 30px;  /* Size of the button */
    height: 30px; /* Size of the button */
    background-image: url('/build/images/elenchi/mostra-selected-icon.png'); /* Load another image */    
    background-size: cover; /* Scale background image to cover the entire button */
    background-position: center; /* Center the background image */
    border-radius: 50%; /* Circular button */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
}

.tharsos-card-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.tharsos-upload-link {
    background-color: #EE7D2B; /* Orange background color */
    border: none;
    color: white;
    padding: 10px 20px; /* Padding around the text */
    text-align: center;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    border-radius: 10px; /* Rounded edges */
    font-size: 16px;
    font-family: 'Red Hat Display', Arial, sans-serif !important;
    cursor: pointer;
}

.tharsos-upload-link i {
    margin-right: 10px; /* Space between icon and text */
    font-size: 20px; /* Icon size */
}

/* Optional: Hover effect */
.tharsos-upload-link:hover {
    opacity: 0.9;
}

.tharsos-card-title {
    background-color: #8C3D3D; /* Background color */
    color: white; /* Text color */
    padding: 10px 15px; /* Padding for the title */
    border-top-left-radius: 10px; /* Rounded top-left corner */
    border-top-right-radius: 10px; /* Rounded top-right corner */
    margin-bottom: 0; /* No margin at the bottom */
    font-size: 18px; /* Font size */
    font-weight: bold; /* Bold text */
    display: flex;
    align-items: center;
    font-family: 'Red Hat Display', Arial, sans-serif !important;
}

.tharsos-card-title i {
    margin-right: 10px; /* Space between icon and text */
}

.tharsos-card-body {
    border-radius: 20px 20px 0px 0px; /* Round all corners of the card body */
    overflow: hidden; /* Ensure the background color of the title stays within the card */  
    background-color: white !important; 
}

.tharsos-card {
    background-color: transparent !important;
}

.tharsos-report-button {
    background-color: #f28c28; /* Orange background color */
    color: white; /* White text color */
    padding: 10px 20px; /* Padding around the text */
    text-align: center; /* Center text */
    text-decoration: none; /* Remove underline */
    display: inline-block; /* Inline-block for width and height */
    border-radius: 10px; /* Rounded edges */
    font-size: 16px; /* Font size */
    font-family: 'Red Hat Display', Arial, sans-serif !important; /* Font family */
    cursor: pointer; /* Pointer cursor on hover */
    border: none; /* Remove border */
    font-weight: bold; /* Bold text */
    transition: background-color 0.3s ease; /* Smooth background color change on hover */
}

.tharsos-report-button:hover {
    background-color: #e07b1e; /* Darker orange on hover */
}

.tharsos-change-admin-button {
    background-color: #f28c28; /* Orange background color */
    color: white; /* White text color */
    padding: 10px 20px; /* Padding around the text */
    text-align: center; /* Center text */
    text-decoration: none; /* Remove underline */
    display: inline-block; /* Inline-block for width and height */
    border-radius: 10px; /* Rounded edges */
    font-size: 16px; /* Font size */
    font-family: 'Red Hat Display', Arial, sans-serif !important; /* Font family */
    cursor: pointer; /* Pointer cursor on hover */
    border: none; /* Remove border */
    font-weight: bold; /* Bold text */
    transition: background-color 0.3s ease; /* Smooth background color change on hover */
}

.tharsos-change-admin-button:hover {
    background-color: #e07b1e; /* Darker orange on hover */
}






.tharsos-upload-new-document-card-title {
    background-color: #f27c00; /* Background color */
    color: white; /* Text color */
    padding: 10px 15px; /* Padding for the title */
    border-top-left-radius: 10px; /* Rounded top-left corner */
    border-top-right-radius: 10px; /* Rounded top-right corner */
    margin-bottom: 0; /* No margin at the bottom */
    font-size: 18px; /* Font size */
    font-weight: bold; /* Bold text */
    display: flex;
    align-items: center;
    font-family: 'Red Hat Display', Arial, sans-serif !important;
}


/* Ensure the parent container is flexible and allows for vertical centering */
.tharsos-btn-upload-new-document-container {
    display: flex;
    justify-content: center; /* Center the button horizontally */
    align-items: center; /* Center the button vertically */
    height: 100%; /* Ensure the container takes full height */
    padding: 20px 0; /* Optional: Add some padding for spacing */
}

/* Styling for the button */
.tharsos-btn-upload-new-document-btn-primary {
    background-color: #f27c00; /* Orange color */
    border: none; /* No border */
    color: white;
    font-weight: bold;
    font-size: 16px; /* Slightly larger font size */
    border-radius: 5px; /* Less rounded corners */
    padding: 12px 30px; /* Adjusted padding for larger button */
    text-align: center;
    transition: background-color 0.3s ease, color 0.3s ease;
    display: inline-block;
}

.tharsos-btn-upload-new-document-btn-primary:hover {
    background-color: #e07b1e; /* Slightly darker orange on hover */
}

.tharsos-btn-upload-new-document-btn-primary:disabled {
    background-color: #e0e0e0;
    color: #a0a0a0;
    border-color: #e0e0e0;
    cursor: not-allowed;
}




/* Hide the default file input */
#tharsos-upload-new-document-file-upload {
    display: none;
}

/* Styling the container */
.tharsos-upload-new-document-custom-file-upload {
    display: flex;
    align-items: center;
    border: 2px solid #333333;
    border-radius: 50px; /* Match the border radius with other form fields */
    overflow: hidden;
    width: 100%;
}

/* Styling the button */
.tharsos-upload-new-document-custom-file-upload-label {
    background-color: #f0f0f0; /* Light grey background for the button */
    color: #808080; /* Grey text color */
    padding: 10px 20px;
    margin: 0; /* Remove any margin to eliminate the white band */
    border-right: 1px solid #000000; /* Use the same border color */
    cursor: pointer;
    flex-shrink: 0; /* Prevent button from shrinking */
    font-size: 16px;
    text-align: center;
    border-radius: 20px 0 0 20px; /* Ensure consistent rounded corners */
}

/* Styling the text next to the button */
.tharsos-upload-new-document-custom-file-upload-text {
    padding: 10px;
    color: #808080;
    flex-grow: 1; /* Allow this section to grow */
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* Add ellipsis if text is too long */
}

.tharsos-body-titolo {
    font-weight: bold; 
    font-size: 40px; 
    display: flex; 
    justify-content: center; 
    align-items: center;
    color: black;
    font-family: 'Red Hat Display', Arial, sans-serif !important; /* Imposta il font */
}

.tharsos-body-sottotitolo {
    font-weight: normal; 
    font-size: 18px; 
    display: flex; 
    justify-content: center; 
    align-items: center;
    color: black;
    font-family: 'Red Hat Display', Arial, sans-serif !important; /* Imposta il font */
}

.tharsos-footer {
    text-align: center;
    font-weight: bold;
    color: black;    
    font-family: 'Red Hat Display', Arial, sans-serif !important; /* Imposta il font */
}

.tharsos-btn i.mdi-eye-outline {
    color: black; /* Set the color to black */
}

.tharsos-accedi-button {
    width: 135px;
    height: 45px;
    background-image: url('/build/images/bottoni/accedi-no-selected-button.png'); /* Load another image */    
    background-size: cover; /* Scale background image to cover the entire button */
    background-position: center; /* Center the background image */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
}

/* Optional: Hover effect */
.tharsos-accedi-button:hover {
    width: 135px;
    height: 45px;    
    background-image: url('/build/images/bottoni/accedi-selected-button.png'); /* Load another image */    
    background-size: cover; /* Scale background image to cover the entire button */
    background-position: center; /* Center the background image */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
}

.tharsos-conferma-button {
    width: 135px;
    height: 45px;
    background-image: url('/build/images/bottoni/conferma-no-selected-button.png'); /* Load another image */    
    background-size: cover; /* Scale background image to cover the entire button */
    background-position: center; /* Center the background image */
    background-color: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
}

/* Optional: Hover effect */
.tharsos-conferma-button:hover {
    width: 135px;
    height: 45px;    
    background-image: url('/build/images/bottoni/conferma-selected-button.png'); /* Load another image */    
    background-size: cover; /* Scale background image to cover the entire button */
    background-position: center; /* Center the background image */
    background-color: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
}

.tharsos-annulla-button {
    width: 135px;
    height: 45px;
    background-image: url('/build/images/bottoni/annulla-no-selected-button.png'); /* Load another image */    
    background-size: cover; /* Scale background image to cover the entire button */
    background-position: center; /* Center the background image */
    background-color: transparent;    
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
}

/* Optional: Hover effect */
.tharsos-annulla-button:hover {
    width: 135px;
    height: 45px;    
    background-image: url('/build/images/bottoni/annulla-selected-button.png'); /* Load another image */    
    background-size: cover; /* Scale background image to cover the entire button */
    background-position: center; /* Center the background image */
    background-color: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
}

/* Disabled button styles */
.tharsos-conferma-button:disabled,
.tharsos-conferma-button[disabled] {
    width: 135px;
    height: 45px;     
    background-image: url('/build/images/bottoni/conferma-disabled-button.png'); /* Replace with your disabled button image */
    background-size: cover; /* Scale background image to cover the entire button */
    background-position: center; /* Center the background image */
    background-color: transparent; /* Ensure the background color is transparent */
    color: transparent; /* Hide any text, since the image represents the button state */
    cursor: not-allowed; /* Shows a "not-allowed" cursor */
    opacity: 1; /* Set opacity to 1 since the image should represent the disabled state */
    pointer-events: none; /* Disables all pointer events */
    border: none; /* Remove any default border */
}

.tharsos-fai-una-segnalazione-button {
    width: 219px;
    height: 45px;
    background-image: url('/build/images/bottoni/fai-una-segnalazione-no-selected-button.png'); /* Load another image */    
    background-size: cover; /* Scale background image to cover the entire button */
    background-position: center; /* Center the background image */
    background-color: transparent;    
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
}

/* Optional: Hover effect */
.tharsos-fai-una-segnalazione-button:hover {
    width: 219px;
    height: 45px;    
    background-image: url('/build/images/bottoni/fai-una-segnalazione-selected-button.png'); /* Load another image */    
    background-size: cover; /* Scale background image to cover the entire button */
    background-position: center; /* Center the background image */
    background-color: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
}

.tharsos-cambio-amministratore-button {
    width: 234px;
    height: 45px;
    background-image: url('/build/images/bottoni/cambio-amministratore-no-selected-button.png'); /* Load another image */    
    background-size: cover; /* Scale background image to cover the entire button */
    background-position: center; /* Center the background image */
    background-color: transparent;    
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
}

/* Optional: Hover effect */
.tharsos-cambio-amministratore-button:hover {
    width: 234px;
    height: 45px;    
    background-image: url('/build/images/bottoni/cambio-amministratore-selected-button.png'); /* Load another image */    
    background-size: cover; /* Scale background image to cover the entire button */
    background-position: center; /* Center the background image */
    background-color: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
}

.tharsos-dettagli-button {
    width: 85px;
    height: 33px;
    background-image: url('/build/images/bottoni/dettagli-no-selected-button.png'); /* Load another image */    
    background-size: cover; /* Scale background image to cover the entire button */
    background-position: center; /* Center the background image */
    background-color: transparent;    
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
}

/* Optional: Hover effect */
.tharsos-dettagli-button:hover {
    width: 85px;
    height: 33px;    
    background-image: url('/build/images/bottoni/dettagli-selected-button.png'); /* Load another image */    
    background-size: cover; /* Scale background image to cover the entire button */
    background-position: center; /* Center the background image */
    background-color: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
}

.tharsos-richiedi-offerta-button {
    width: 150px;
    height: 33px;
    background-image: url('/build/images/bottoni/richiedi-offerta-no-selected-button.png'); /* Load another image */    
    background-size: cover; /* Scale background image to cover the entire button */
    background-position: center; /* Center the background image */
    background-color: transparent;    
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
}

/* Optional: Hover effect */
.tharsos-richiedi-offerta-button:hover {
    width: 150px;
    height: 33px;   
    background-image: url('/build/images/bottoni/richiedi-offerta-selected-button.png'); /* Load another image */    
    background-size: cover; /* Scale background image to cover the entire button */
    background-position: center; /* Center the background image */
    background-color: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
}

/*
.tharsos-invia-button {
    width: 135px;
    height: 45px;
    background-image: url('/build/images/bottoni/invia-no-selected-button.png'); 
    background-size: cover; 
    background-position: center; 
    background-color: transparent;    
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
}

.tharsos-invia-button:hover {
    width: 135px;
    height: 45px;    
    background-image: url('/build/images/bottoni/invia-selected-button.png'); 
    background-size: cover; 
    background-position: center; 
    background-color: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
}
*/

.tharsos-invia-button {
    width: 135px;
    height: 45px;
    background-image: url('/build/images/bottoni/invia-no-selected-button.png'); /* Default image */
    background-size: cover; /* Scale background image to cover the entire button */
    background-position: center; /* Center the background image */
    background-color: transparent;    
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    transition: opacity 0.3s, background-image 0.3s; /* Add transition for smooth effect */
}

/* Hover effect when the button is enabled */
.tharsos-invia-button:hover:enabled {
    background-image: url('/build/images/bottoni/invia-selected-button.png'); /* Image for hover state */
}

/* Styles when the button is disabled */
.tharsos-invia-button:disabled {
    background-image: url('/build/images/bottoni/invia-disabled-button.png'); /* Image for disabled state */
    cursor: not-allowed; /* Change cursor to indicate it's not clickable */
    opacity: 0.5; /* Reduce opacity to give a 'disabled' look */
}

/* Optional: Hover effect is not applied when disabled */
.tharsos-invia-button:hover:disabled {
    background-image: url('/build/images/bottoni/invia-disabled-button.png'); /* Keep the disabled image */
    opacity: 0.5; /* Ensure it stays dimmed */
}

.tharsos-carica-un-nuovo-documento-button {
    width: 360px;
    height: 45px;
    background-image: url('/build/images/bottoni/carica-un-nuovo-documento-no-selected-button.png'); /* Load another image */    
    background-size: cover; /* Scale background image to cover the entire button */
    background-position: center; /* Center the background image */
    background-color: transparent;    
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
}

/* Optional: Hover effect */
.tharsos-carica-un-nuovo-documento-button:hover {
    width: 360px;
    height: 45px;    
    background-image: url('/build/images/bottoni/carica-un-nuovo-documento-selected-button.png'); /* Load another image */    
    background-size: cover; /* Scale background image to cover the entire button */
    background-position: center; /* Center the background image */
    background-color: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
}

/* Optional: Hover effect */
.tharsos-conferma-il-caricamento-del-file-selezionato-button:hover {
    width: 430px;
    height: 45px;    
    background-image: url('/build/images/bottoni/conferma-il-caricamento-del-file-selezionato-selected-button.png'); /* Load another image */    
    background-size: cover; /* Scale background image to cover the entire button */
    background-position: center; /* Center the background image */
    background-color: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
}

.tharsos-conferma-il-caricamento-del-file-selezionato-button {
    width: 430px;
    height: 45px;
    background-image: url('/build/images/bottoni/conferma-il-caricamento-del-file-selezionato-no-selected-button.png'); /* Load another image */    
    background-size: cover; /* Scale background image to cover the entire button */
    background-position: center; /* Center the background image */
    background-color: transparent;    
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
}

/* Disabled button styles */
.tharsos-conferma-il-caricamento-del-file-selezionato-button:disabled,
.tharsos-conferma-il-caricamento-del-file-selezionato-button[disabled] {
    width: 430px;
    height: 45px;      
    background-image: url('/build/images/bottoni/conferma-il-caricamento-del-file-selezionato-disabled-button.png'); /* Replace with your disabled button image */
    background-size: cover; /* Scale background image to cover the entire button */
    background-position: center; /* Center the background image */
    background-color: transparent; /* Ensure the background color is transparent */
    color: transparent; /* Hide any text, since the image represents the button state */
    cursor: not-allowed; /* Shows a "not-allowed" cursor */
    opacity: 1; /* Set opacity to 1 since the image should represent the disabled state */
    pointer-events: none; /* Disables all pointer events */
    border: none; /* Remove any default border */
}

.tharsos-torna-indietro-button {
    margin-top: 20px; 
    cursor: default; /* Normal state cursor */
}

.tharsos-torna-indietro-button img {
    content: url('/build/images/bottoni/torna-indietro-no-selected-button.png'); /* Default image */
    transition: all 0.3s ease; /* Smooth transition */
}

.tharsos-torna-indietro-button:hover {
    cursor: pointer; /* Change cursor to pointer on hover */
}

.tharsos-torna-indietro-button:hover img {
    content: url('/build/images/bottoni/torna-indietro-selected-button.png'); /* Image to show on hover */
}

.mm-active > a > .tharsos-menu-icon-wrapper {
    color:#fff;
    fill: #fff;
}

.tharsos-menu-icon-wrapper {
    color: #808080;
    fill: #808080;
    font-size: 14px;
    font-family: 'Red Hat Display', Arial, sans-serif !important;
}

.tharsos-menu-icon-wrapper > a > div > svg{
    fill:#808080;
}

.tharsos-modal-header {
    background-color: #8C3D3D !important;
}

.card-home {
    background-color:initial !important;
    box-shadow: initial !important; 
}
.banner_new_utente{
    background-color: #ffffff !important;
}
.btn:hover {
    background-color: #ECEBEB;
}

/* Select2 dropdown arrow style */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat center center;
    background-size: 14px 14px;
    border: none;
    width: 30px;
    height: 100%;
    right: 5px;
    top: 0;
    position: absolute;
}

/* Nascondo la freccina originale */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}


/*  NUOVO STYLE BOTTONI CASATHUA  */
.button-conferma {
    display: inline-block;
    padding: 9px 16px;
    font-size: 18px;
    font-weight: 600;
    color: white;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    background-color: #ae5250;
    font-family: 'Red Hat Display', Arial, sans-serif !important;
}

/* Hover (selezionato) */
.button-conferma:hover:not(:disabled),
.button-conferma.selected {
    background-color: #8c3d3d; /* colore "selezionato" */
}

/* Disabled */
.button-conferma:disabled {
    background-color: #F8D6D5; /* colore disabilitato */
    color: white;
    cursor: not-allowed;
    opacity: 0.7;
    box-shadow: none;
}

.button-annulla {
    font-family: 'Red Hat Display', Arial, sans-serif !important;
    display: inline-block;
    padding: 7px 13px;
    font-size: 18px;
    font-weight: 600;
    color: #cc0036; /* testo rosso */
    background-color: #FFFFFF; /* sfondo bianco */
    border: 2px solid #cc0036;
    border-radius: 12px;
    cursor: pointer;
}

/* Hover o selezionato */
.button-annulla:hover,
.button-annulla.selected {
    background-color: #cc0036;  /* sfondo rosso pieno */
    color: white;               /* testo bianco */
}

/*  NUOVO STYLE BOTTONI CASATHUA  */


.bordi_arrotondati_tharsos{
    border-radius: 25px;
    border: 1px solid #000;
}

.carousel-item{ position:relative; }

/* bottone tondo, minimale */
.edit-fab{
  position:absolute; top:14px; right:14px;
  width:36px; height:36px; border-radius:999px;
  display:grid; place-items:center;
  background:#953b3b;                 /* brand base */
  color:#fff;                          /* la svg prende currentColor */
  text-decoration:none;
  box-shadow:0 6px 18px rgba(0,0,0,.18);
  border:1px solid rgba(0,0,0,.06);
  transition:transform .15s ease, filter .15s ease;
}
.edit-fab:hover{ transform:translateY(-1px); filter:brightness(1.05); }
.edit-fab:active{ transform:translateY(0); }

.edit-fab__icon{ width:18px; height:18px; fill:currentColor; }

/* variante “glass” se lo vuoi più discreto */
.edit-fab.is-glass{
  background:rgba(0,0,0,.25);
  backdrop-filter: blur(6px);
  border:1px solid rgba(255,255,255,.25);
}

/* se preferisci l’altro colore brand */
.edit-fab.is-alt{ background:#c60038; }

.page-content {
    padding: 0px 15px;
    background-color: #ECEBEB;
    margin: 90px 0px 60px 0px;
}
.main-content {
    background-color: #ECEBEB;
}
.link-tharsos{
    color: #ae5250;
}

/* Wrapper */
.action-eye-wrapper {
    position: relative;
    display: inline-block;
}

/* Icona occhio */
.eye-icon {
    background: #8a3d3d;
    color: #fff;
    width: 34px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    transition: .2s;
}

.eye-icon:hover {
    background: #732f2f;
}

/* MENU */
.eye-menu {
    position: absolute;
    top: 40px;
    right: 0;
    background: #8a3d3d;
    min-width: 240px;
    display: none;
    flex-direction: column;
    box-shadow: 0 5px 15px rgba(0,0,0,0.12);
    z-index: 9999;
    border-bottom-right-radius: 14px;
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
    overflow: hidden; /* serve per applicare bene gli angoli */
}

/* Voci */
.eye-menu a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 18px;
    color: white;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    background: #8a3d3d;
}

/* Separatore */
.eye-menu a:not(:last-child) {
    border-bottom: 1px solid rgba(255,255,255,0.35);
}

/* Hover */
.eye-menu a:hover {
    background: rgba(255,255,255,0.12);
}

/* Icone nelle voci (stile visto nella preview arancione) */
.eye-menu a i {
    font-size: 18px;
}
.return_back_casathua{
    font-size: 18px;
    margin: 20px 0px;
    color: black;
    font-weight: 600;
    line-height: 35px;
}
.return_back_casathua:hover{
    color:#EE7D2B;
}
.return_back_casathua:hover svg{
    fill:#EE7D2B
}
.tox .tox-editor-container {
    border: 1px solid #000;
}
.tox .tox-edit-area__iframe {
    border-top: 1px solid #000 !important;
    border-bottom: 1px solid #000 !important;
}
.tox .tox-tbtn {
    color: #333 !important;
    border: 1px solid !important;
}
.m-top-casathua-table{
    margin-top:25px;
}