.myoverlay {
    z-index: 20000;
    padding-top: 20px;
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    height: 100%;
    bottom: 0;
    overflow-y: auto;
    background-color: #000000b3;
}

.myoverlayavviso {
    z-index: 20000;
    width: 250px;
    border-radius: 10px;
    padding: 13px;
    position: relative;
    top: 250px;
    background-color: #adadad;
    margin: auto;
}

.myoverlay2 {
    position: relative;
    width: 69%;
    top: 0px;
    left: 0px;
    margin-right: auto;
    margin-left: auto;
    height: 100%;
}

.tabledettagli {
    width:700px; 
    margin-left: auto;
    margin-right: auto;
}

.form-control:read-only {
    background-color: lightgrey;
} 

.select-form-control:disabled {
    border: 0;
    background-color: lightgrey;
} 


@media (max-width:500px)  {
    
    .tabledettagli {
        width:90%; 
        margin-left: auto;
        margin-right: auto;
    }

}

.btn-xs {
    padding: 0.3rem 0.4rem;
    font-size: 12px;
    line-height: 0.9;
    border-radius: 3px;
    min-width: 64px;
}


tr {
    vertical-align: middle;
}


.bordoimmagine {
    border: 1px solid white;
}


.fascia {
    margin-left: 2px; 
    margin-right: 2px;
    background-color: #535050d4; 
    position: relative; 
    top: -15%; 
    padding:10px;
    font-size:20px
}

.fascia2 {
    text-align: center;
    color: white;
    width: 84%;
    margin-left: auto;
    margin-right: auto;
    background-color: #535050d4;
    position: relative;
    top: -26%;
    padding: 10px;
    font-size: 20px;
}

.callme {
    background-color: #ffffff00;
    font-size: 40px;
    color:white;
    border: 7px solid white;
}

.callme:hover {
    border: 9px solid white;
}


.img_ar_menu {
    border-radius: 84px;
    padding: 30px;
}


.ar_field {
    text-align: center;
    background-color: #efefef;
    box-shadow: 5px 5px 4px 0px #e3e3e3;
    font-size: 20px;
    color: #5f5959;
}


.ar_label {
    text-align: center; 
    font-size: 15px;
    color: #5f5959;
}


 /* No More Tables */ 


table { 
    width: 100%; 
    border-collapse: separate;
    border-spacing: 10px;
} 
th {  
    padding: 5px;
    box-shadow: 3px 2px 4px 0px #d9d9d9 !important;
    text-align: center;
    font-weight: 200;
} 

td { 
     
    padding: 5px;
    background-color: #f5f5f5 !important;
    text-align: center;
} 




thead { 
    /*background-color: #f5f5f5; */
} 

 /* Media Query per il No More Tables */ 
  
 @media only screen and (max-width: 767px) { 
     /* Forza la tabella a non comportarsi come una normale tabella */ 
  
 	#no-more-tables table,  
 	#no-more-tables thead,  
 	#no-more-tables tbody,  
 	#no-more-tables th,  
 	#no-more-tables td,  
 	#no-more-tables tr {  
 		display: block;  
 	} 
  
 	/* Nasconde le intestazioni della tabella */ 
  
 	#no-more-tables thead tr {  
 		position: absolute; 
 		top:-9999px; 
 		left:-9999px; 
 	} 
   
 	#no-more-tables tr { border: 1px solid #ccc; padding: 10px; margin:10px } 
  
 	#no-more-tables td {  
 		/* Inserisce il comportamento come una riga */ 
  
 		border: none; 
 		border-bottom: 1px solid #eee;  
 		position: relative; 
 		padding-left: 100px;  
 		white-space: normal; 
 		text-align:left; 
                overflow-wrap: break-word;
 	} 
  
 	#no-more-tables td:before {  
 		/* Inserisce il comportamento come un'intestazione di tabella */ 
  
 		position: absolute; 
 		/* I valori top/left agiscono come padding */ 
  
 		top: 0; 
 		left: 6px; 
 		width: 45%;  
 		padding-right: 10px;  
 		white-space: nowrap; 
 		text-align:left; 
 		font-weight: bold; 
 	} 
  
 	/* Aggiunge l'etichetta ai dati della tabella */ 
  
 	#no-more-tables td:before { content: attr(data-title); } 
 }
 
 
.rowtable {
    padding: 15px 5px 15px 5px;
    margin: 0px;
}

.rowborder {
   border-radius: 10px;
   border: solid 1px;
   border-color:#d9d9d9;
   box-shadow: 1px 0px 9px 0px #d9d9d9;
}

.rowcolorhi {
    background-color: #ffe5a6;
}

.rowcolorlow {
    background-color: #f8f8fd;
}

.checkbox {
    transform: scale(1.5);
}





.calendar_not_editable {
    
    background-color: grey !important;
    font-style: italic;
    color: white;
    
}


.btn-portfolio {

    /*color:white;*/
    font-variant-caps: all-small-caps;
    font-size: 20px;
}

.btn-portfolio:hover {
    /*color: white;*/
    font-weight: 700;
}

.button_mobile {
    /*color: white;*/
    background-color: #272a34 !important;
}

.ui-sortable tr {
	cursor:pointer;
}
		
.ui-sortable tr:hover {
	background:rgba(244,251,17,0.45);
}

.container-custom
{
    background-color: white;
    border-radius: 20px;
    padding: 24px;
}

.container-custom input
{
    background-color: #f3f3f3;
}

.container-custom textarea
{
    background-color: #f3f3f3;
}

.container-custom input-group>select
{
    background-color: #f3f3f3;
}


.btn-bianco
{
    border-radius: 10px;
    padding: 10px;
    background-color: #ffffff00;
    border: 1px solid white;
    color:white;
    font-variant:all-small-csps;
}


.finito {
    background-color: #f21e4e !important;
}