.bg-green { background-color: #009688; }

/* Default Shadow */
.default_shadow
{
	-webkit-box-shadow: 0px 8px 13px -7px rgba(20,20,20,1);
	-moz-box-shadow: 0px 8px 13px -7px rgba(20,20,20,1);
	box-shadow: 0px 8px 13px -7px rgba(20,20,20,1);
}

.light_shadow
{
	-webkit-box-shadow: 1px 3px 6px 0px rgba(196,196,196,1);
	-moz-box-shadow: 1px 3px 6px 0px rgba(196,196,196,1);
	box-shadow: 1px 3px 6px 0px rgba(196,196,196,1);
}

/* Animazione Blinking */
@keyframes blink {  
  0% { color: white; }
  100% { color: yellow; }
}
@-webkit-keyframes blink {
  0% { color: blink; }
  100% { color: yellow; }
}
.blink {
  -webkit-animation: blink 3s linear infinite;
  -moz-animation: blink 3s linear infinite;
  animation: blink 3s linear infinite;
}

/* Animazione highlight */
@keyframes highlight {  
 	0% { background-color: yellow; }
 	100% { background-color: white; }
}
@-webkit-keyframes highlight {
 	0% { background-color: yellow; }
 	100% { background-color: white; }
}
.highlight {
  -webkit-animation: highlight 1s linear;
  -moz-animation: highlight 1s linear;
  animation: highlight 1s linear;
}

/* 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; }

/* Altri elementi */

hr
{
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #d8dfed;
}

hr.dashed { border-style: dashed; }

/* Elemento Blocco che ruota il testo al suo interno di 90 gradi */
.box-text-90-deg
{
	writing-mode: vertical-rl;
    /* margin: auto; */
}

/* ==== Personalizzazioni tema ==== */

body { font-family: 'Poppins', sans-serif; font-size: .8125rem; }

/* Mostra sempre i componenti sidebar */
.sidebar-component { display: block; }

/* Button extra small */

.btn.btn-xs
{
	padding  : .1875rem .625rem;
	font-size  : .6875rem;
	line-height  : 1.6615;
	border-radius: .125rem;
}

.form-control-sm { font-size: .8125rem; }

.card,
.navbar.navbar-dark,
.sidebar.sidebar-dark
{
    -webkit-box-shadow: 0px 1px 15px 1px #b9e1ac;
    box-shadow: 0px 1px 15px 1px #b9e1ac;
}

.navbar.navbar-dark, .sidebar.sidebar-dark { background: #02438a; }

.navbar-brand img
{
  height: 1.5rem;
  display: block;
}

.custom-control-label::before { background-color: #dedede; }

/* Checkbox/Radio colorate */

.custom-checkbox.primary .custom-control-input:checked~.custom-control-label::before,
.custom-radio.primary .custom-control-input:checked~.custom-control-label::before
{ background-color: #2196f3; }

.custom-checkbox.success .custom-control-input:checked~.custom-control-label::before,
.custom-radio.success .custom-control-input:checked~.custom-control-label::before
{ background-color: #4caf50; }

.custom-checkbox.danger .custom-control-input:checked~.custom-control-label::before,
.custom-radio.danger .custom-control-input:checked~.custom-control-label::before
{ background-color: #f44336; }

.custom-checkbox.warning .custom-control-input:checked~.custom-control-label::before,
.custom-radio.warning .custom-control-input:checked~.custom-control-label::before
{ background-color: #ff5722; }

.custom-checkbox.info .custom-control-input:checked~.custom-control-label::before,
.custom-radio.info .custom-control-input:checked~.custom-control-label::before
{ background-color: #00bcd4; }

.custom-checkbox.green .custom-control-input:checked~.custom-control-label::before,
.custom-radio.green .custom-control-input:checked~.custom-control-label::before
{ background-color: #009688; }

.custom-radio.primary .custom-control-input:checked~.custom-control-label::before,
.custom-radio.primary .custom-control-input:checked~.custom-control-label::before
{ background-color: #2196f3; }

/* Ajax loading non invasivo (TOP DX) */

#myLoading
{
    position: fixed;
    text-align: center;
    top: 0;
    right: 0;
    z-index: 9999999999999999;
    background: rgba(255,255,255,0.8);
    padding: 2rem;
	padding-left: 10%;
    border-radius: 0 0 0 1rem;

	left: auto;
    margin-top: auto;

    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 78%, rgba(255,255,255,0.9) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 78%,rgba(255,255,255,0.9) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 78%,rgba(255,255,255,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6ffffff',GradientType=1 );
}

#myLoading .pace_activity,
#myLoading .pace_activity:before,
#myLoading .pace_activity:after { border-top-color: #282a3c; }

/* Ajax loading a coprire (riempie totalmente il contenutore indicato) */

.myLoadingBox
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  z-index: 9999;
}

.myLoadingBox.onBody{ position: fixed; }

.myLoadingBox .cente { top: 40%; }

/* TABELLE: personalizzazione testata campi ordinamento dati */

.tableHeadOrdCol .asc,
.tableHeadOrdCol .desc { color: #495057; }
.tableHeadOrdCol .desc { display: none; }
.tableHeadOrdCol.active_asc .desc { display: inline; color: #0665d0; }
.tableHeadOrdCol.active_asc .asc { display: none; }
.tableHeadOrdCol.active_desc .desc { display: none; }
.tableHeadOrdCol.active_desc .asc { display: inline; color: #0665d0; }

/* overlay white */

.card-img-actions-overlay.overlay-white { background-color: rgba(255,255,255,.75); }

/* Componente Jalendar */

.jalendar { width: 100%; margin: 0px auto; /* max-width: 50%; */ }

.jalendar .jalendar-container .jalendar-pages .days .day.have-event span:before { width: 6px; height: 6px; }

.jalendar .jalendar-container .jalendar-pages .add-event .events .events-list .event-single a { color: #333; }

.jalendar .jalendar-container .jalendar-pages .days .day.have-event.holiday span:before {
  background-color: #03a9f4;
}
.jalendar .jalendar-container .jalendar-pages .days .day.have-event.task span:before {
  background-color: #009688;
}
.jalendar .jalendar-container .jalendar-pages .days .day.have-event.event span:before {
  background-color: #e25757;
}

.jalendar .jalendar-container .jalendar-pages .add-event .events .events-list .event-single a.holiday:before {
  background-color: #03a9f4;
}
.jalendar .jalendar-container .jalendar-pages .add-event .events .events-list .event-single a.task:before {
  background-color: #009688;
}
.jalendar .jalendar-container .jalendar-pages .add-event .events .events-list .event-single a.event:before {
  background-color: #e25757;
}

.contact-block__map {
    height: 90vh;
    z-index: 1;
}

/* CLassi che permettono di mostrare o meno un elemento a seconda della dim schermo (in aggiunta al pacchetto base "d-<size>-none") */

@media (max-width:575.98px) { .hide-on-sm { display: none!important; } }
@media (max-width:767.98px) { .hide-on-md { display: none!important; } }
@media (max-width:991.98px) { .hide-on-lg { display: none!important; } }
@media (max-width:1199.98px) { .hide-on-xlg { display: none!important; } }
@media print { .hide-on-print { display: none!important; } }