/* TEMPLATE MODIFICA */
:root{
	--verde1: #99cc99;
	--verde2: #295f62;
	--grigio1: #f7f7f7;
	--bianco: #FFFFFF;
}

/* body{
	background-color: var(--verde1);
}
.btn-success{
	background-color: var(--verde2);
}
.form-label{
	font-weight: bold;
	color: var(--verde2);
} */

.bgGreen{
	background-color: #7FCD99;
}

#mainContent .card{
	border-radius: 1rem;
	/* box-shadow: 0px 3px 5px 2px #666; */
	box-shadow: 0px 7px 13px -3px rgba(0,0,0,0.35);
}

#mainContent{
	color: #01605F;
}

#mainContent .btn-primary{
	background-color: #005F63;
  	border-color: #005F63;
	font-weight: bold;
}

#mainContent .btn-outline-primary{
	color: #005F63;
  	border-color: #005F63;
	font-weight: bold;
}


/*RISOLVE IL PROBLEMA DELLO SCROLL ORIZZONTALE NELLA SCHERMATE DI EDIT E INSERIMENTO*/
.gc-container > .row{ margin: 0px; }

a.nav-link.active{ background-color: #EEE; }

/* PROFILI */
h3.profili, span.azioni_base{ cursor: pointer; }

#menuLogo{ text-align: center; }
#menuLogo img{ width: 80px; display: block; margin: 0 auto}

nav.navbar{ margin-bottom: 20px; padding: 10px; }
.navbar-brand{ padding: 0px; margin: 0px; }
#userImage{ border-radius: 50px;  height: 40px; }
/*nascondo il pulsante per il savataggio ajax*/
/*#form-button-save{ display: none;  }*/

/** MODAL */
#modal_panel{ display: none; position: fixed; z-index:100; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.4);}
#modal_element{ display: inline-block; z-index:1000; padding: 30px 15px 20px; position: relative; max-width: 70vw; top: 50%; left: 50%;	transform: translate(-50%, -50%);}
#modal_element [rel-data=close-modal]{ position: absolute; top: -10px; right: 5px; font-size: 2em; padding: 0px;}

/** TOAST MESSAGE */
.toast-message {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #28a745;
    color: white;
    padding: 15px 25px;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    z-index: 1000;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    display: flex;
    align-items: center;
    gap: 10px;
}
.toast-message.show {
    opacity: 1;
}
.toast-message i {
    font-size: 1.2em;
}
.toast-message.toast-error {
    background-color: #dc3545;
}

/** MULTI_ELEMENT */
#modal_content iframe{ width: 70vw; height: 90vh }

/** EDITOR */
textarea.texteditor, textarea.mini-texteditor{ display: none; }

/** FANCYBOX IFRAME x FILE UPLOAD */
.fancybox-slide--iframe .fancybox-content {
    max-width  : 80%;
    max-height : 80%;
    margin: 0;
}

.gc-container .table-label{ font-size: 1.5em !important; }

/** CAMPI IN SOLA LETTURA PIÙ CENTRATI VERTICALMENTE */
.readonly_label{ margin-top: 8px; }

/** CUSTOM FIELDS _CORE */
/** fieldSelectMultiCheckboxAjax */
.selectMultiAjaxResult{ max-height: 200px; overflow-y: scroll; overflow-x: hidden; margin-top: 5px; }

/** fieldSelectOreMinuti **/
.selectOreMinuti{ display: inline; width: auto; }

/* Layout menu SX */
@media (min-width: 992px){
	#mainContainer{
		display: flex;
		flex-direction: row;
		/* height: 100vh; */
	}
	#mainMenu{
		width: 200px;
		flex-direction: column;
		align-items: normal;
		margin-bottom: 0px;
	}
	#mainContent{
		flex: auto;
	}
	#mainMenu > a.navbar-brand{ order: 1 }
	#mainMenu > #navbarSupportedContent{ order: 3 }
	#mainMenu > form{ order: 2; }

	#mainMenu > form ul.dropdown-menu-end { right: auto; }
	#mainMenu > #navbarSupportedContent{ align-items: normal }
	#mainMenu > #navbarSupportedContent ul.navbar-nav{ justify-content: left; width: 100%; flex-direction: column; }
	.navbar-expand-lg .navbar-nav li{ font-size: 1em }

	#userButton, #dropdownUserButton{ width: 100%; }
	#userButton{ margin: 1em 0; }

	.navbar-expand-lg .navbar-nav .dropdown-menu{
		position: static !important;
	}
}

@media (max-width: 991px){
	#menuLogo img{ width: 50px; display: inline-block;}
	#menuLogo{ line-height: 50px; }
}

@media (min-width: 992px){
	.navbar-expand-lg .navbar-nav {
		width: 90%;
		justify-content:space-evenly;
	}

	/* .navbar-expand-lg .navbar-nav .el{
		display: block;
		font-size: 2em;
		text-align: center;
	} */
}