html, body {
    background:  #edf0f5 none repeat scroll 0 0;
    font-size: 95%;
}


body {

  	min-height: 20rem;
  	padding-top: 11rem;
    font-family: "Poppins", Arial,sans-serif;
    font-weight: 400;
    color: #555;
    overflow-y: scroll;
    -ms-overflow-style: scrollbar;
}

@media (max-width: 950px) {
    body {
        padding-top: 0px;    
    }
    
    .fixed-top {
  		position: relative;
  		margin-bottom: 2rem;
    }
}


/* FORM BEGIN */
.fa-btn {
    margin-right: 0.5rem;
}

.form-control {
    box-shadow: none;
}

.form-label {
  margin-bottom: .4rem;
  font-weight: 500;
}
/* FORM END */


/* NAV TABS BEGIN */


/* tab color */
.nav-tabs .nav-link {
    background-color: #dfdfdf; 
    border-color: #ccc;
	font-size: 1rem;
	padding: 0.6rem 2rem;
	margin-left: 0.3rem;
}

.nav-tabs .nav-link,
.nav-tabs .nav-link.active {
	color: #333;
}

/* hover tab color */
.nav-tabs .nav-link:hover {
    background-color: #efefef;
    border-color: #ccc;

}
/* NAV TABS END */





#top-title-bar {

    top: 0;
    overflow:hidden;
    background-color: #188ae2;
    /*background-color: #ff9936;*/
    color: #fff;
    padding: 0;
    
    height: 5rem;
    line-height: 5rem;    
}

.titlefont {
    
    font-size: 1.4rem;
    font-weight: 500;    
    
}

.bg-white {
    background-color: #ffffff !important;
}




/* DATA TABLE BEGIN */
.dt-bootstrap5 {
	font-family: "Open Sans", Arial;
}

.table>:not(:first-child) {
  border-color: var(--bs-gray-300); 
}


/* DATA TABLE END */



.cursor_hover {
    cursor: pointer;
}

.toast-position {
  top: 135px;
  bottom: auto;
  right: 15px;
  left: auto; 
}

#preview{
    position:fixed;
    border:1px solid #ccc;
    padding:5px;
    display:none;
    width: 200px;
    background-color: #666;
    color: #fff;
    min-height: 50px;
    border: 1px solid #fff;
}


.preview img,
.previewdoc img{
        cursor: pointer;
}

#previewdoc{
    position:fixed;
    border:1px solid #ccc;
    padding:5px;
    display:none;
    z-index: 10000;
}

.current_row_id {
    
    font-style: italic; 
    color: #00B050;
    
}

.disabled-select {
  background-color: #d5d5d5;
  opacity: 0.5;
  border-radius: 3px;
  cursor: not-allowed;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

select[readonly].select2-hidden-accessible + .select2-container {
  pointer-events: none;
  touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
  background: #eee;
  box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow,
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
  display: none;
}

label.mandatory::after {
    content: " *";
    color: red;  /* (opzionale) Rende l'asterisco di colore rosso */
}

/* Select2: propaga lo stato di errore di Bootstrap al widget.
   La classe is-invalid viene aggiunta al .select2-container da common.js. */
.select2-container.is-invalid .select2-selection {
    border-color: var(--bs-form-invalid-border-color, #dc3545) !important;
}
.select2-container.is-invalid.select2-container--open .select2-selection,
.select2-container.is-invalid .select2-selection:focus {
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25) !important;
}

/* Mostra il messaggio di errore quando il select sottostante o il wrapper select2 sono invalid */
select.is-invalid ~ .invalid-feedback,
.select2-container.is-invalid ~ .invalid-feedback {
    display: block !important;
}