.popover {
 width: 400px;
}
.popover .close, .close-allegati {
    position: absolute;
    top: 8px;
    right: 10px;
}

/* MY COLOR //////////////////////////////////////////////////////////////////////////////////////////// */

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #962148;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(150, 33, 72, .25);
}

#table .active {
  --bs-table-striped-color: #0275d8;
  color: #0275d8;
  font-weight: bold;
}

.form-select:focus {
    border-color: #962148;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(150, 33, 72, .25);
}

.my-text-color {
	color: #962148;
}

.my-bg-color {
	color: #ffffff;
	background-color: #962148;
}

.my-bg-footer {
	background-color: #962148;
}
.my-bg-h3 {
    /* background-color: #f4dede !important;*/
	 color: #ffffff;
	 background-color: #a77183;
 }
                                                  
  .my-bg-navbar {
	 background-color: #9f224c;                                                                                
 }
  .my-bg-container {
	 background-color: #c17690;
 }
 
   .my-bg-card { 
     color: #ffffff;  
	 background-color: #9f224c;
 } 

  .my-bg-special-card {
	        color: #000000;
	        min-height: 25px;
            background-color: rgba(245, 245, 245, 0.4) !important;
        }
		

		/* .table-background-color {
            background-color: #f4dede !important;
        }*/	
		  
		  .table-background-color {
         /* --bs-table-bg: #f4dede !important;*/
		  --bs-table-bg: #fef1f6 !important;
        }

		  /* reset stuff */
         .table {
           --bs-table-color: initial;
         }
	/* MY COLOR FINE //////////////////////////////////////////////////////////////////////////////////////////// */	 
		 
		 
		 
		 .usericon {
		   margin-right: -5px;
		  }
		
/* no-more-tables */
@media only screen and (max-width: 900px) {
    
    /* Force table to not be like tables anymore */

	#no-more-tables thead th, 
	#no-more-tables tbody td{ 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables tbody td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align: left !important;
	  /* height: 35px; */
	}
	#no-more-tables tbody td input { 
	text-align: left !important;
	}
 
	#no-more-tables tbody td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables tbody td:before { content: attr(data-title); }
}