/*
=========================================================
  CUSTOM CSS Generici utili per la app
=========================================================
*/

/* effetto over su card con link */
.card a.my_card_link:hover { background-color: #FCF1EB; }

/* sistemazione tag P su html scritto da editor*/  
.text-editor p {
	margin-bottom: 0; 
}

/* Font Size */

.font-50-p { font-size: 50%; }
.font-80-p { font-size: 80%; }
.font-85-p { font-size: 85%; }
.font-90-p { font-size: 90%; }
.font-95-p { font-size: 95%; }
.font-100-p { font-size: 100%; }


/* Animation delay */

.delay-2d {   -webkit-animation-delay: 0.2s; -moz-animation-delay:0.2s; animation-delay: 0.2s; }
.delay-4d {   -webkit-animation-delay: 0.4s; -moz-animation-delay:0.4s; animation-delay: 0.4s; }
.delay-6d {   -webkit-animation-delay: 0.6s; -moz-animation-delay:0.6s; animation-delay: 0.6s; }
.delay-8d {   -webkit-animation-delay: 0.8s; -moz-animation-delay:0.8s; animation-delay: 0.8s; }
.delay-1s {   -webkit-animation-delay: 1s; -moz-animation-delay:1s; animation-delay: 1s; }
.delay-2s {   -webkit-animation-delay: 2s; -moz-animation-delay:2s; animation-delay: 2s; }

/* Stile box loading generico */
.custom_loading
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
	z-index: 9999;
}
.custom_loading .spinner-bubble { position: relative; top: 40%; }

.form-legend
{
    padding-top: .625rem;
    padding-bottom: .625rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid #ddd;
    font-size: .8125rem;
}
.dashboard i {
	font-style: italic;
/*	    font-family: "Nunito", sans-serif !important; */
}

/*
	Modale a comparsa SX
	- Per utilizzarlo creare un normale modale ed aggiungere la classe "modalSidebarSx"
	- La classe va associata al div che ha l'ID per attivare il modale
*/

.modalSidebarSx .modal-dialog
{
	position: fixed;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 400px;
}

.modalSidebarSx .modal-dialog
{
	position: fixed;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: white;
    width: 400px; /* Valore configurabile. Vedi custom.js */
}

.modalSidebarSx .modal-dialog .modal-content
{
    border: 0px solid rgba(0, 0, 0, 0.2);
    border-radius: initial;
}
.nav-item-hold-2 {
    padding: 13px 0 !important;
}

.bg-green { background-color: #4CAF50 !important; }

.inline-block{ display:inline-block}