@charset "utf-8";
/* CSS Document */

/* CSS Generale */

		
        body {
            font-family: 'Poppins', sans-serif;
            background-color: #ffffff;
			padding-top: 2rem;
        }

/* === Modifica alone blu input e bordi input === */
.form-control,
.custom-select {
  border: 1px solid lightgrey !important;
  outline: none !important;
  box-shadow: none !important;
}

.form-control:focus,
.custom-select:focus,
.form-group.basic .form-control:focus,
.form-control-active:focus,
.form-group.basic .custom-select:focus {
  border: 1px solid #f15a24 !important;
  box-shadow: none !important;
  outline: none !important;
}
/* === Fine modifica alone blu input e bordi input === */

		
		.logo img {
            height: 70px;
        }
		
 /* Cerchio animato */
        .loader {
            width: 25px;
            height: 25px;
            border: 5px solid rgba(0, 0, 0, 0.1);
            border-top-color: #f15a24;
            border-radius: 50%;
            animation: spin 1s linear infinite;
        }

        /* Animazione rotazione */
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }	


.green-gpp {color:#00B388 !important;}

.border { border:0!important; background-color: rgba(255,0,0,0.03);}

.red {color:red !important; font-weight: 700}

/* Classi solo per Tablet */

@media screen and (min-width: 600px) and (max-width: 1024px) {
  
	
	 .login-container {
            display: flex;
            height: 70vh !important;
            align-items: center;
			padding-left: 3rem;
        }
        .login-card {
            width: 100%;
            max-width: 400px;
            padding: 2rem;
            background-color: transparent;
        }
		
		input::placeholder {
  font-weight: bold;
			font-size: 18px;
			color: rgba(0,0,0,0.2) !important;

}

    .side-banner {
        color: #f15a24 !important;
        padding: 1rem 3rem 1rem 3rem !important;
        display: flex;
        flex-direction: row;
        align-items: top;
        justify-content: space-between;
        text-align: left !important;
        position: relative;
        background-image: url("../img/powerdeal/vendor.png") !important; /* Sostituisci con il percorso corretto */
        background-size: 80% !important; /* L'immagine viene ridimensionata interamente senza tagliarla */
        background-position: center !important; /* Centra l'immagine nel div */
        background-repeat: no-repeat; /* Evita la ripetizione dell'immagine */
        max-height: 300px !important; /* Altezza massima */
    }
        .side-banner h1 {
            font-weight: 800;
            font-size: 5vw !important;
			line-height: 2 !important;
        }
        .side-banner p {
            font-weight: 600;
            font-size: 2.5vw !important;
			max-width: 400px;
			line-height: 1 !important;
        }


     .profile-container {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }
        .profile-section {
            display: flex;
            align-items: center;
        }
        .profile-image {
            width: 60px !important;
            height: 60px !important;
            border-radius: 50%;
            object-fit: cover;
            margin-right: 15px;
        }
        .profile-info {
            display: flex;
            flex-direction: column;
        }
        .profile-info p {
            font-size: 12px !important;
            font-weight: bold;
            color: #f15a24;
            margin-bottom: 2px;
        }
        .profile-info h2 {
            font-size: 26px !important;
            font-weight: 600;
            color: #333;
            margin-bottom: 5px;
        }

    .btn {
        /* Stili per tablet */
    }

    .btn-new-contract {
        font-size: 1.5vw !important;
    }

    .stats-container {
        display: flex;
            gap: 5px !important;
    }

    .stats-card {
         background: #f8f9fa;
            border-radius: 10px;
            padding: 0;
            width: auto;
            max-width: 340px;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
    }
	
	.stats-card p {
            font-size: 12px !important;
            font-weight: bold;
            color: #f15a24;
            text-transform: uppercase;
		line-height: 1;
		margin-bottom: 10px;
        }
        .stats-card h3 {
            font-size: 26px !important;
            font-weight: 600;
            color: #333;
			line-height: 1;
			margin-bottom: 10px;
        }

    .growth-indicator {
        /* Stili per tablet */
    }

   .filter-buttons {
            display: flex;
            justify-content: center;
            width: 100%;
            padding: 5px 0 0 0 !important;
            gap: 4px !important;
			
        }
        .filter-buttons button {
            border-radius: 50px;
            font-size: 10px !important;
            font-weight: bold;
            padding: 4px 8px;
            border: none;
            background: #e0e0e0;
            color: #333;
            text-align: center;
        }
        .filter-buttons button.active {
            background: transparent;
            border: 2px solid #f15a24;
            color: #f15a24  !important;
        }
        .filter-buttons button.settimana {
            width: auto;
            padding-left: 8px !important;
            padding-right: 8px !important;
        }

    .active {
        /* Stili per tablet */
    }

    .settimana {
        /* Stili per tablet */
    }
	
	
	.filter-btn span {display: none !important;}
	
	.badge-status,.badge-yellow,.badge-green {font-size: 9px !important;}
	
	div.col {font-size: 1vw !important; line-height: 1 !important; }
	
}



		
		
	/* CSS tabella contratti */

		
		
        .table-container {
            padding: 20px;
            background: #ffffff;
        }
        .row-header, .row-content {
            display: flex;
            align-items: center;
            padding: 12px;
            border-radius: 50px;
            background: #ffffff;
            margin-bottom: 10px;
            transition: background 0.3s;
        }
        .row-header {
            font-weight: bold;
            background: #ffffff;
        }
        .row-content.selected {
            background: #e8e8e8 !important;
        }
        .row-content:hover:not(.selected) {
            background: #f0f0f0;
        }
        .col {
            flex: 1;
            padding: 0 10px;
            text-align: left;
        }
        .col-actions {
            display: flex;
            gap: 8px;
        }
        .action-btn {
            width: 35px;
            height: 35px;
            border-radius: 50%;
            background: #ffffff;
            display: flex;
            align-items: center;
            justify-content: center;
            border: none;
            cursor: pointer;
        }
		
		.action-btn.active {color:white !important; background: #f15a24 !important;}
        .action-btn:hover {
            background: #f15a24;
        }
        .action-btn:hover ion-icon {
            color: white;
        }
        .badge-status {
            border-radius: 50px;
            padding: 5px 12px;
            font-size: 12px;
            font-weight: bold;
            text-align: center;
            display: inline-block;
        }
        .badge-green {
            background: #c8f7dc;
            color: #00b388;
        }
        .badge-yellow {
            background: #ffebcc;
            color: #e6a700;
        }
        .row-selector:checked {
            accent-color: #00b388;
        }

.badge-green {color:#00B388; border:1px solid #00B388;}
.badge-yellow {color:#F15A24; border:1px solid #F15A24;}
		
		
		/* CSS Header */
		
		.header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px 30px;
        }
        
        .header-icons {
            display: flex;
            gap: 20px;
            align-items: flex-end;
        }
        .icon-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 80px;
        }
        .icon-button {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            background: #f8f9fa;
            box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
            transition: all 0.3s ease-in-out;
            text-decoration: none;
            border: none;
            cursor: pointer;
        }
        .icon-button ion-icon {
            font-size: 20px;
            color: #9F9F9F;
        }
		
		.icon-button.orange ion-icon {
            color: #f15a24;
        }

.icon-text.orange {color: #f15a24;}

        .icon-text {
            font-size: 11px;
            font-weight: bold;
            text-align: center;
            color: #9F9F9F;
            margin-top: 10px;
            width: 100%;
        }
        .icon-button:hover, .icon-button.active {
            background: #f15a24;
        }
        .icon-button:hover ion-icon, .icon-button.active ion-icon {
            color: white;
        }
        .icon-button:hover + .icon-text, .icon-button.active + .icon-text {
            color: #f15a24;
        }
		
		
		/* CSS Sub header */
		
		
		.sub-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 30px;
        }

        .profile-container {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }
        .profile-section {
            display: flex;
            align-items: center;
        }
        .profile-image {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            object-fit: cover;
            margin-right: 15px;
        }
        .profile-info {
            display: flex;
            flex-direction: column;
        }
        .profile-info p {
            font-size: 14px;
            font-weight: bold;
            color: #f15a24;
            margin-bottom: 2px;
        }
        .profile-info h2 {
            font-size: 36px;
            font-weight: 600;
            color: #333;
            margin-bottom: 5px;
        }
        .btn-new-contract {
            background-color: #f15a24;
            color: white;
            border-radius: 50px;
            padding: 12px 30px;
            font-size: 14px;
            font-weight: bold;
            border: none;
            text-align: center;
            margin-top: 10px;
            width: 100%;
			min-height: 58px;
        }
        .btn-new-contract:hover {
            background-color: #d0491e;
			color: white;
        }
		
		.btn-new-contract ion-icon {font-size: 22px; margin-right: 10px; font-weight: bold;}
        .stats-container {
            display: flex;
            gap: 20px;
        }
        .stats-card {
            background: #f8f9fa;
            border-radius: 15px;
            padding: 20px;
            width: auto;
            min-width: 280px;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }
        .stats-card p {
            font-size: 14px;
            font-weight: bold;
            color: #f15a24;
            text-transform: uppercase;
        }
        .stats-card h3 {
            font-size: 36px;
            font-weight: 600;
            color: #333;
        }
        .growth-indicator {
            font-size: 14px;
            color: #00b388;
            display: flex;
            align-items: center;
        }
        .growth-indicator ion-icon {
            color: #00b388;
            margin-right: 5px;
        }
        .filter-buttons {
            display: flex;
            justify-content: center;
            width: 100%;
            padding: 10px 0 0 0;
            gap: 15px;
			
        }
        .filter-buttons button {
            border-radius: 50px;
            font-size: 12px;
            font-weight: bold;
            padding: 5px 12px;
            border: none;
            background: #e0e0e0;
            color: #333;
            text-align: center;
        }
        .filter-buttons button.active {
            background: transparent;
            border: 2px solid #f15a24;
            color: #f15a24  !important;
        }
        .filter-buttons button.settimana {
            width: auto;
            padding-left: 16px;
            padding-right: 16px;
        }
		
		
		/*aggiunte random*/
		
		.gpp-orange {color:#f15a24 !important;}


/*pagina login*/

 .login-container {
            display: flex;
            height: 100vh;
            align-items: center;
			padding-left: 3rem;
        }
        .login-card {
            width: 100%;
            max-width: 400px;
            padding: 2rem;
            background-color: transparent;
        }
		
		input::placeholder {
  font-weight: bold;
			font-size: 18px;
			color: rgba(0,0,0,0.2) !important;

}

.side-banner {
    color: white !important;
    padding: 7rem 3rem 1rem 3rem;
    display: flex;
    flex-direction: row;
    align-items: top;
    justify-content: space-between;
    text-align: left;
    position: relative;
    background-image: url("../img/powerdeal/1.png"); /* Sostituisci con il percorso corretto */
    background-size: contain; /* L'immagine viene ridimensionata interamente senza tagliarla */
    background-position: left; /* Centra l'immagine nel div */
    background-repeat: no-repeat; /* Evita la ripetizione dell'immagine */
}
        .side-banner h1 {
            font-weight: 800;
            font-size: 5rem;
			color: white !important;
        }
        .side-banner p {
            font-weight: 600;
            font-size: 2rem;
			max-width: 400px;
			line-height: 1.5 !important;
        }
        .image-placeholder {
            width: 500px;
            height: 500px;
            object-fit: cover;
        }
        .btn-custom {
            background-color: #f15a24;
            color: white;
            border: none;
            border-radius: 50px;
            padding: 10px 20px;
            font-weight: 600;
            font-size: 1rem;
			min-height: 58px;
        }
        .btn-custom:hover {
            background-color: #d0491e;
            color: white;
        }
        a {
            text-decoration: underline;
            font-weight: 800;
            color: #f15a24;
        }
        a:hover {
            color: #d0491e;
            text-decoration: none;
        }
        @media (max-width: 992px) {
            .side-banner {
                flex-direction: column;
                text-align: center;
            }
            .image-placeholder {
                width: 100%;
                height: auto;
                max-width: 400px;
            }
        }


/*Bottoni overlay in fondo alla pagina con i contratti*/

.overlay-buttons {
    position: fixed;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: flex;
    gap: 0;
    border-radius: 30px;
    overflow: hidden;
    background-color: #f15a24;
}

.overlay-buttons button {
    flex: 1;
    background-color: #f15a24;
    border: none;
    color: white;
    padding: 10px 20px;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.overlay-buttons button:hover {
    background-color: #cc4a1a;
    color: white;
}

.overlay-buttons button:first-child {
    border-right: 1px solid white;
}


.overlay-buttons.longer {min-width: 400px !important;}


.icon-wrapper {
  position: relative;
  display: inline-block;
}

.icon-wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 80%; /* Larghezza totale dell'icona */
  height: 2px; /* Spessore della barra */
  background: #F15A24; /* Colore della barra */
  transform: translateY(-50%);
}



/*Step*/

.step-container {
    display: flex;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 40px;
	
}
.step {
    flex: 1;
    padding: 15px;
    text-align: left;
    border-right: 1px solid #ddd;
    background: #f8f9fa;
    position: relative;
}
.step:last-child {
    border-right: none;
}
.step.active {
    border-bottom: 7px solid #e95a2b;
    background: #fff;
    font-weight: bold;
}
.step.completed h5, .step h5 {
    color: #444444;
    display: flex;
    align-items: center;
}
.step .icon {
    font-size: 20px;
    color: #00B388;
    font-weight: bold;
    margin-left: 60px;
}
.step.empty h5 {
    color: #949494;
}
.step p {
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    color: #F15A24;
	margin-bottom: 0;
}
.step.empty p {
    color: #949494;
}
.step h5 {
    font-size: 18px;
    font-weight: 800;
	margin-bottom: 5px;
}

.step h6 {font-size:10px; color:#9F9F9F; text-transform: lowercase;}

.step a {font-size:10px; color:#f15a24 !important; text-decoration: underline !important; font-weight: normal; margin: 0 !important; padding: 0!important;}

span.separee {font-size:10px; color:#f15a24 !important; font-weight: normal;}





/* Cards */

.weird-title {
    font-size: 50px;
    font-weight: 800;
    color: #444444;
    text-align: center;
    margin-bottom: 40px !important;
	line-height: 2;
	margin-top:100px;
}
.weird-card {
    display: flex;
    align-items: center;
    background: #f8f9fa;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    line-height: 2;
}
.weird-icon {
    font-size: 60px;
    width: 60px;
    height: 60px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.weird-icon-green {
    color: #00B388;
}

.weird-icon-orange {
    color: #F15A24;
}


.weird-card-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.weird-card-title {
    font-size: 28px;
    font-weight: 800;
    color: #444444;
    margin-bottom: 5px;
}
.weird-card-text {
    font-size: 16px;
    color: #666666;
	line-height: 1;
}


        /* TESTING */
        .testing-container {
            max-width: 1280px;
            margin: 0 auto;
        }
        
        /* Titolo */
        .testing-title {
            font-size: 50px;
            font-weight: 800;
            color: #444444;
            text-align: center;
            margin-bottom: 20px;
        }
        
        /* Card */
        .testing-card {
            display: flex;
            align-items: center;
            background: #f8f9fa;
            border-radius: 16px;
            padding: 20px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
			min-height: 170px;
        }
        
        /* Icone */
        .testing-icon {
            font-size: 50px;
            width: 60px;
            height: 60px;
            margin-right: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .testing-icon-green {
            color: #00B388;
        }
        
        .testing-icon-orange {
            color: #F15A24;
        }
        
        /* Testo */
        .testing-card-content {
            display: flex;
            flex-direction: column;
        }
        
        .testing-card-title {
            font-size: 20px;
            font-weight: 800;
            color: #444444;
            margin-bottom: 5px;
        }
        
        .testing-card-text {
            font-size: 14px;
            color: #666666;
        }
        
        /* Gestione del gap tra le card*/
        .row-card {
            gap: 30px;
        } 


.badge-small-h {max-height: 30px; font-size: 12px; font-weight: 400; line-height: 15px;}



/* Cards Triplet */
.triplet-container {
    max-width: 1280px;
    margin: 0 auto;
}

/* Layout a 3 colonne */
.row.triplet-layout {
    display: flex;
    gap: 20px;
}

.col-large {
    flex: 2; /* Colonna più grande */
}

.col-small {
    flex: 1; /* Due colonne più piccole */
}

/* Card */
.triplet-card {
    display: flex;
    align-items: center;
    background: #f8f9fa;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Icona */
.triplet-icon {
    font-size: 50px;
    width: 60px;
    height: 60px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #F15A24;
}

/* Testo */
.triplet-card-content {
    display: flex;
    flex-direction: column;
}

.triplet-card-title {
    font-size: 20px;
    font-weight: 800;
    color: #444444;
    margin-bottom: 5px;
}

.triplet-card-text {
    font-size: 14px;
    color: #666666;
}


/* Inserimento documenti */

.zigzag-upload-container {
            border: 2px dashed #ddd;
            border-radius: 10px;
            padding: 70px 40px;
            background-color: #fff;
             display: flex;
            align-items: center;
            justify-content: space-between;
            max-width: 1000px;
            margin: 0 auto;
        }
        .zigzag-upload-icon {
            font-size: 75px;
            color: #f15a24;
        }
        .zigzag-upload-text {
            flex-grow: 1;
            margin-left: 15px;
        }
        .zigzag-upload-text h5 {
            font-weight: bold;
            margin-bottom: 5px;
			font-size: 24px;
			color:#444444;
        }
        .zigzag-upload-text p {
            margin-bottom: 2px;
            font-size: 18px;
            color: #444444;
        }
        .zigzag-btn-outline {
            border: 2px solid #f26423;
            color: #f26423;
            padding: 10px 20px;
            border-radius: 30px;
            font-weight: bold;
            background: none;
            width: 100%;
            margin-bottom: 10px;
			min-height: 58px;
        }
        .zigzag-btn-outline-telerik {
            border: 2px solid #f26423;
            color: #f26423;
            padding: 20px 20px;
            text-align: center;
            border-radius: 30px;
            font-weight: bold;
            background: none;
            width: 100%;
            margin-bottom: 10px;
            min-height: 58px;
        }
        .zigzag-btn-solid {
            background-color: #f26423;
            color: white;
            padding: 10px 20px;
            border-radius: 30px;
            font-weight: bold;
            border: none;
            width: 100%;
			min-height: 58px;
        }
        .zigzag-buttons {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 30%;
        }


/* TYP */

 .typ-container {
            min-height: 80vh;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            flex-direction: column;
        }
        .typ-icon {
            width: 400px;
            height: auto;
            margin-bottom: 60px;
        }
        .typ-title {
            font-weight: bold;
            font-size: 48px;
            margin-bottom: 10px;
        }
        .typ-text {
            color: #6c757d;
            margin-bottom: 60px;
			font-size: 24px;
			line-height: 1.5;
        }
        .typ-btn {
            border-radius: 50px;
            background-color: #F15A24;
            border: none;
            color: white;
            padding: 10px 20px;
			font-size: 1rem;
			font-weight: 600;
			text-transform: uppercase;
			width: 300px;
			height: 58px;
        }
        .typ-btn-outline {
            border-radius: 50px;
            border: 2px solid #F15A24;
            color: #F15A24;
            padding: 10px 20px;
			font-size: 1rem;
			font-weight: 600;
			text-transform: uppercase;
			width: 300px;
			height: 58px;
        }

.typ-btn:hover {
            background: #f15a24;
	color:white;
        }

.typ-btn-outline:hover {
            background: #f15a24;
	color: white;
        }



/* Ultimo controllo */


.container-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px; /* Spazio tra le card */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

 .file-card {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 12px;
    padding: 10px 16px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    width: 640px;
    min-height: 80px;
    justify-content: space-between;
}
        .file-info {
            display: flex;
            align-items: center;
            gap: 12px;
        }
        .file-icon {
            font-size: 28px;
            color: #00b388;
        }
        .file-name {
            font-size: 18px;
            font-weight: bold;
            color: #666666;
        }
        .delete-btn {
            background: #F8F8F8;
            border: none;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: background 0.2s ease-in-out;
        }
        .delete-btn:hover {
            background: #f1f1f1;
        }
        .delete-btn ion-icon {
            font-size: 28px;
            color: #f15a24;
			padding-left: 5px;
        }


/*Icona penna */

        .pen-btn-dx {
           
            border: none;
            border-radius: 50%;
            width: 36px;
            height: 36px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
			background: white;
            
        }

  		
        .pen-btn-dx ion-icon {
            font-size: 22px;
            color: #f15a24;
			padding-left: 0px;
        } 


/* Icona occhio */

		.eye-btn-sx {
            
            border: none;
            border-radius: 50%;
            width: 36px;
            height: 36px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            background: white;
			position: absolute; right: 70px;
        }

      

 		
        .eye-btn-sx ion-icon {
            font-size: 22px;
            color: #f15a24;
			padding-left: 0;
        } 





/* Caricamento file */

.carica-card {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 12px;
    padding: 10px 16px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    width: 640px;
    min-height: 80px;
    justify-content: space-between;
    margin: 20px auto; /* Aggiunto margine per separare gli elementi */
    position: relative; /* Modificato da absolute a relative */
    top: 20px;
}

        .carica-info {
            display: flex;
            align-items: center;
            gap: 12px;
        }
        .carica-icon {
            font-size: 28px;
            color: #F15A24;
        }
        .carica-name {
            font-size: 18px;
            font-weight: bold;
            color: #666666;
        }
        .carica-delete-btn {
            background: #F8F8F8;
            border: none;
            border-radius: 50%;
            width: 48px;
            height: 48px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: background 0.2s ease-in-out;
        }
        .carica-delete-btn:hover {
            background: #f1f1f1;
        }
        .carica-delete-btn ion-icon {
            font-size: 24px;
            color: grey;
			
        }


.progress-bar-custom {
        background-color: #28a745 !important; /* Verde personalizzato */
    }



/* Form dei dati */

.formy-container {
            max-width: 1540px;
            margin: auto;
            padding: 20px;
            
	
            
        }

.formy h2 {font-size: 24px;}

        .formy-section {
            border-top: 2px solid #ff5400;
            padding-top: 20px;
            margin-top: 20px;
			color:#444444;
			margin-bottom: 40px;
        }

.formy-section label {font-size:14px; font-weight: 700; color: #444444;}

.formy-section-half {
            max-width: 60%;
        }

        .formy-input {
            border: none;
            background: none;
            border-bottom: 1px solid #666666;
            width: 100%;
            color: #444444;
			font-size: 16px;
			
        }


.formy-input::placeholder {
    font-size: 16px !important; /* Dimensione del testo */
	font-weight: normal !important;
}

.formy-text {font-size: 18px;}

input.formy-empty {border-bottom: 2px solid red; height: 18px; width: 200px; display: inline-block; border-top: 0; border-left: 0; border-right: 0; background-color: rgba(255,0,0,0.03);}

        .formy-modifica {
            color: #ff5400;
            cursor: pointer;
        }
        .formy-button {
            background-color: #ff5400;
            border: none;
            color: #444444;
            padding: 12px 24px;
            font-size: 18px;
            font-weight: bold;
            border-radius: 8px;
            width: 100%;
            max-width: 300px;
            display: block;
            margin: 20px auto;
        }
		

/*Modale*/

.modale-box {
            position: fixed;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 100%;
            max-width: 850px;
            background-color: white;
            padding: 60px;
            border-radius: 20px 20px 0 0;
            box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
            text-align: center;
        }
	.modale-box h5 {font-size:48px; font-weight: 700;}
	.modale-box p {font-size:18px;}
        .modale-buttons {
            display: flex;
            justify-content: center;
            gap: 10px;
			margin-top: 60px
        }
        .modale-buttons .btn {
            border-radius: 50px;
            min-width: 300px;
			min-height:58px;
			font-weight: 600;
			text-transform: uppercase;
			font-size: 1rem;
			padding: 10px 20px;
        }
	
	   .btn-sx {
            border:1px solid #F15A24;
		   color:#F15A24;
		   
        }
	
	.btn-sx:hover {
            background-color: #F15A24;
		   color:white;
		   
        }
	
	 .btn-dx {
           background-color: #F15A24;
		   color:white;
		   
        }
	
	.btn-dx:hover {
           background-color: #d0491e;
		color:white;
		   
		   
        }
	
button.btn-empty {color:red !important; font-weight: bold;}