.opacity-15
{
    opacity: 0.08!important;    
}

.myday_sel_color{
    height:100px;
    background-repeat: repeat;
    background-attachment:scroll!important; 
}

.myday_categorie {
    font-size:11px;
    /*
    background-color:#EEE;
    */
    background-color:var( --bs-secondary);
}

.myday_cursor_pointer {
    cursor:pointer;
}

.myday_buttoncalendar {
    padding-top:5px;
}

.myday_month {
    padding-top:5px;
}

.myday_task {
    /*
    background-color:#f8f9fa;
    */
    background-color: var(--kt-input-bg);
}

.myday_task_completed {
    text-decoration:line-through;
    color:#ccc;
    font-size:11px;
}

.myday_task_notcompleted {
    font-size:14px;
}

.myday_task_actions {
    display:none;
}

.myday_newtask_input {
    margin-bottom:7px;
}

#myday_tags {
    margin-bottom:5px;
}

#items-noday,.items-noday {
    padding:5px 15px;
}

#items-noday .myday_task, .items-noday .myday_task{
    padding:5px 15px;
    background-color:var( --bs-secondary);
    border:1px solid var(--bs-white);
    /*background: hsla(210, 17%, 98%, 1);

background: linear-gradient(45deg, hsla(210, 17%, 98%, 1) 0%, hsla(210, 11%, 78%, 1) 100%);

background: -moz-linear-gradient(45deg, hsla(210, 17%, 98%, 1) 0%, hsla(210, 11%, 78%, 1) 100%);

background: -webkit-linear-gradient(45deg, hsla(210, 17%, 98%, 1) 0%, hsla(210, 11%, 78%, 1) 100%);

filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#F8F9FA", endColorstr="#C2C8CE", GradientType=1 );
*/
    
}

.myday_weeklygoals_svolto {
    text-decoration:line-through;
    color:#ccc;
}

.myday_task a {
    text-decoration: none;
    color:auto;
}

.modal-footer {
    justify-content: space-between;
}

.myday_taskdett_actions {
    display:none;
}

.myday_updatetask_input_dett {
    display:none;
}

#kt_app_sidebar {
    width:60px!important;
}

/* METRONIC */
/*
body {
   background-color:#FFF!important;
}*/

a {
    color: #112465!important;
}

.btn-primary,.btn-primary:hover{
    background-color:#112365!important;
}


/* LOGIN */
.required:after {
    display:none;
}
/* FINE LOGIN */

.app-header {
    background-color:#F5F5F5;
}

.app-sidebar-primary {
    background-color:#F5F5F5;
}

.myday_newtask_input {
    border:none!important;
}

.myday_buttoncalendar a i{
    color:#000!important;
}

.myday_month {
    font-size:30px;
    font-weight:900;
}

.myday_today {
    color: #112365;
}


#myday_modal_infotask {
    font-size:12px;
    padding-right:15px;
}

.myday_dashboard_col_description .trumbowyg {
    min-height:100px;
}

.bgi-size-cover {
    background-image: url('../images/loginbg.jpg') !important;
}

.app-sidebar-primary .app-sidebar-menu .menu>.menu-item.here>.menu-link .menu-icon, .app-sidebar-primary .app-sidebar-menu .menu>.menu-item.here>.menu-link .menu-icon .svg-icon, .app-sidebar-primary .app-sidebar-menu .menu>.menu-item.here>.menu-link .menu-icon i{
    color: #000!important;
}


#login_box {
  position:relative !important;
  background-color:#174569!important;
  background-image:url(../images/bgvuotovision.jpg);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  text-align:center;
  backdrop-filter:blur(2px);
  box-shadow:inset 0 0 80px rgba(0,0,0,.4);
  overflow:visible !important;
}

/* LOGO */
#login_box::before{
  content:"" !important;
  position:absolute !important;
  top:32px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:180px !important;
  height:180px !important;
  background:url("/templates/myday/images/login.png") no-repeat center !important;
  background-size:contain !important;
  opacity:.95 !important;
  pointer-events:none !important;
  z-index:9999 !important;
  display:block !important;
}

/* Spazio per non sovrapporre il form al logo */
.sign-in-from{
  margin-top:210px !important;
}

/* Pulsanti */
.btn-primary,
.btn-primary:hover{
  background-color:#174569!important;
}

/* Header e sidebar */
.app-header,
.app-sidebar-primary{
  /* background-color:#174569; */
}

/* Titoli */
.th_sottotitolo{
  background:#EEE;
  padding:8px 15px;
  margin-bottom:7px;
}
.th_sottotitolo h5{margin:0;}
.th_capitolo{font-weight:bold;margin:3px 0;}
.th_capitolo p{margin:0;}
.rosso{color:#F00;background:#FFF;}

/* Evitiamo che eventuali immagini login vengano nascoste */
#login_box img[src*="login.png"]{
  display:block !important;
}

/* ================= MOBILE ================= */
@media (max-width:991.98px){

  .bgi-size-cover.bgi-position-center.order-1.order-lg-2{
    display:none!important;
  }

  .d-flex.flex-column.flex-lg-row-fluid.w-lg-50{
    width:100%!important;
  }

  #login_box::before{
    width:150px !important;
    height:150px !important;
    top:24px !important;
  }

  .sign-in-from{
    margin-top:190px !important;
  }
}

/* ================= DESKTOP ================= */
@media (min-width:992px){

  .d-flex.flex-lg-row-fluid.w-lg-50.bgi-size-cover.bgi-position-center.order-1.order-lg-2{
    display:flex!important;
    flex:1 1 50%!important;
    min-height:100vh!important;
    background-image:url("/templates/myday/images/auth-bg.png")!important;
    background-size:cover!important;
    background-position:center!important;
  }

  .d-flex.flex-column.flex-lg-row-fluid.w-lg-50{
    width:auto !important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .w-lg-500px{
    margin:0 auto!important;
  }

  #login_box::before{
    width:180px !important;
    height:180px !important;
  }

  .sign-in-from{
    margin-top:210px!important;
  }
}

/* ================= POWERMONITOR: grafica comune di dashboard e scheda impianto ================= */
:root {
  --pm-blu: #185FA5;
  --pm-verde: #1DA851;
  --pm-ambra: #E07B2A;
  --pm-rosso: #D9534F;
  --pm-fascia-1: #185FA5;
  --pm-fascia-2: #F0A030;
  --pm-fascia-3: #D9534F;
  --pm-fascia-x: #9AA7B5;
  --pm-sfondo: #ffffff;
  --pm-testo: #042C53;
  --pm-muto: #6b7c8f;
  --pm-bordo: #E3EDF8;
  --pm-tenue: #f2f7fc;
  --pm-ombra: 0 1px 4px rgba(24,95,165,.06), 0 4px 14px rgba(24,95,165,.07);
}
[data-theme="dark"] {
  --pm-blu: #5aa5f0;
  --pm-fascia-1: #5aa5f0;
  --pm-sfondo: #1b2430;
  --pm-testo: #e8eef5;
  --pm-muto: #9fb0c3;
  --pm-bordo: #2c3a4b;
  --pm-tenue: #243142;
  --pm-ombra: none;
}

/* Indicatore */
.pm-kpi { --pm-c: var(--pm-blu); display: flex; align-items: center; gap: 14px; height: 100%; min-width: 0; background: var(--pm-sfondo); border: 1px solid var(--pm-bordo); border-radius: 14px; padding: 14px 16px; box-shadow: var(--pm-ombra); }
.pm-tono-verde { --pm-c: var(--pm-verde); }
.pm-tono-ambra { --pm-c: var(--pm-ambra); }
.pm-tono-rosso { --pm-c: var(--pm-rosso); }
.pm-kpi-icona { flex: none; width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 18px; color: var(--pm-c); background: color-mix(in srgb, var(--pm-c) 11%, transparent); }
.pm-kpi-corpo { min-width: 0; }
.pm-kpi-titolo { font-size: 12px; font-weight: 600; color: var(--pm-muto); line-height: 1.25; }
.pm-kpi-valore { font-size: 24px; font-weight: 600; color: var(--pm-testo); line-height: 1.25; letter-spacing: -.4px; }
.pm-kpi-unita { font-size: 13px; font-weight: 600; color: var(--pm-c); letter-spacing: 0; }
.pm-kpi-nota { font-size: 11px; color: var(--pm-muto); margin-top: 1px; }

/* Testata della scheda impianto */
.pm-testata { margin-bottom: 16px; }
.pm-testata-indietro { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 500; color: var(--pm-muto) !important; margin-bottom: 6px; }
.pm-testata-indietro:hover { color: var(--pm-blu) !important; }
.pm-testata-riga { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 10px 24px; }
.pm-testata-nome { font-size: 24px; font-weight: 700; color: var(--pm-testo); line-height: 1.2; }
.pm-testata-luogo { font-size: 13px; color: var(--pm-muto); margin-top: 2px; }
.pm-testata-stato { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.pm-testata-ultimo { font-size: 12.5px; color: var(--pm-muto); }
.pm-testata-meteo { font-size: 13px; font-weight: 600; color: var(--pm-testo); }

/* Sezioni, frecce e periodo */
.pm-sezione { font-size: 14px; font-weight: 600; color: var(--pm-testo); margin: 4px 0 12px; }
.pm-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.pm-nav-periodo { min-width: 120px; text-align: center; font-weight: 600; text-transform: capitalize; color: var(--pm-testo); }
#pm_periodo { min-width: 215px; }
.pm-nav-nota { font-size: 12px; font-weight: 400; color: var(--pm-muto); margin-left: 6px; }
.pm-freccia { width: 32px; height: 32px; border-radius: 50%; border: 1px solid var(--pm-bordo); background: var(--pm-sfondo); color: var(--pm-testo); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.pm-freccia:hover:not(:disabled) { border-color: var(--pm-blu); color: var(--pm-blu); }
.pm-freccia:disabled { opacity: .35; cursor: default; }
#pm_mesi_box { margin-top: 26px; }

/* Card di una fascia oraria */
.pm-fascia { --pm-c: var(--pm-fascia-1); background: var(--pm-sfondo); border: 1px solid var(--pm-bordo); border-radius: 14px; padding: 14px 16px; height: 100%; }
.pm-fascia-2 { --pm-c: var(--pm-fascia-2); }
.pm-fascia-3 { --pm-c: var(--pm-fascia-3); }
.pm-fascia-nome { display: flex; align-items: center; gap: 7px; font-size: 12.5px; font-weight: 600; color: var(--pm-testo); }
.pm-fascia-nome i { width: 10px; height: 10px; border-radius: 3px; background: var(--pm-c); }
.pm-fascia-nome span { margin-left: auto; font-weight: 500; color: var(--pm-muto); }
.pm-fascia-valore { font-size: 24px; font-weight: 600; color: var(--pm-testo); letter-spacing: -.4px; margin-top: 6px; }
.pm-fascia-valore span { font-size: 13px; color: var(--pm-c); letter-spacing: 0; }
.pm-fascia-barra { height: 5px; border-radius: 3px; background: var(--pm-tenue); margin: 6px 0 10px; overflow: hidden; }
.pm-fascia-barra span { display: block; height: 100%; background: var(--pm-c); border-radius: 3px; }
.pm-fascia-ricavo { font-size: 15px; font-weight: 600; color: var(--pm-testo); }
.pm-fascia-nota { font-size: 11px; color: var(--pm-muto); }

/* Foto e mappa */
#img_impianto { width: 100%; height: 340px; background: var(--pm-tenue); border-radius: 14px; overflow: hidden; margin-bottom: 16px; }
#img_impianto img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pm-img-placeholder { height: 100%; display: flex; align-items: center; justify-content: center; color: var(--pm-muto); }
#mappa_impianti { width: 100%; height: 340px; border-radius: 14px; overflow: hidden; border: 1px solid var(--pm-bordo); margin-bottom: 16px; z-index: 0; }

/* Grafico */
.pmg-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; min-height: 36px; }
.pmg-tabs { display: inline-flex; background: var(--pm-tenue); border-radius: 10px; padding: 3px; gap: 2px; }
.pmg-tabs .pm_tab { border: 0; background: transparent; color: var(--pm-muto); font-size: 13px; font-weight: 500; padding: 6px 14px; border-radius: 8px; cursor: pointer; }
.pmg-tabs .pm_tab:hover { color: var(--pm-testo); }
.pmg-tabs .pm_tab.attivo { background: var(--pm-sfondo); color: var(--pm-blu); box-shadow: 0 1px 3px rgba(0,0,0,.14); font-weight: 600; }
#pm_range_dataora { display: none; align-items: center; gap: 6px; }
#pm_range_dataora input { width: 178px; }
#pm_oggi { border: 0; background: var(--pm-tenue); color: var(--pm-blu); font-size: 12px; font-weight: 600; padding: 6px 12px; border-radius: 8px; cursor: pointer; }
#pm_riepilogo { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; }
.pmg-chip { background: var(--pm-tenue); border-radius: 10px; padding: 6px 12px; display: flex; flex-direction: column; line-height: 1.25; }
.pmg-chip span { font-size: 11px; color: var(--pm-muto); }
.pmg-chip b { font-size: 15px; color: var(--pm-testo); }
#pm_chart_container { position: relative; height: 340px; width: 100%; display: none; }
#pm_chart { display: block; width: 100%; height: 100%; }
#pm_chart_loading, #pm_chart_empty { height: 340px; justify-content: center; align-items: center; color: var(--pm-muto); }
#pm_chart_loading { display: flex; }
#pm_chart_empty { display: none; }
#pm_legend { display: none; flex-wrap: wrap; justify-content: center; gap: 8px 22px; margin-top: 10px; font-size: 12.5px; color: var(--pm-muto); }
.pmg-voce { display: inline-flex; align-items: center; gap: 6px; }
.pmg-voce i { width: 10px; height: 10px; border-radius: 3px; display: inline-block; }
.pmg-voce b { color: var(--pm-testo); font-weight: 600; }
.pmg-avviso { display: none; margin-top: 8px; text-align: center; font-size: 12px; color: var(--pm-muto); }
#pm_tooltip { position: fixed; z-index: 9999; pointer-events: none; background: var(--pm-sfondo); color: var(--pm-testo); border: 1px solid var(--pm-bordo); border-radius: 10px; padding: 8px 12px; font-size: 12.5px; line-height: 1.7; opacity: 0; transition: opacity .1s; box-shadow: 0 6px 22px rgba(0,0,0,.16); min-width: 150px; }
#pm_tooltip i { width: 9px; height: 9px; border-radius: 3px; display: inline-block; margin-right: 6px; }
.pmg-tip-titolo { font-weight: 600; text-transform: capitalize; margin-bottom: 2px; }
.pmg-tip-totale { border-top: 1px solid var(--pm-bordo); margin-top: 3px; padding-top: 3px; }
@media (max-width: 640px) {
  #pm_chart_container, #pm_chart_loading, #pm_chart_empty { height: 280px; }
  #pm_range_dataora input { width: 150px; }
  #pm_periodo { min-width: 0; flex: 1; }
  #img_impianto, #mappa_impianti { height: 260px; }
}

/* Segnaposto dell'impianto sulla mappa */
.pm-marker { background: transparent; border: 0; }
.pm-marker-punto { position: relative; display: block; width: 24px; height: 24px; }
.pm-marker-punto:before { content: ""; position: absolute; inset: 5px; border-radius: 50%; background: var(--pm-blu); border: 3px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,.45); }
.pm-marker-punto:after { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 2px solid var(--pm-blu); animation: pmMarkerPulse 1.8s ease-out infinite; }
@keyframes pmMarkerPulse { 0% { transform: scale(.4); opacity: .9; } 100% { transform: scale(1.6); opacity: 0; } }
#mappa_impianti .leaflet-control-layers { border-radius: 10px; border: 0; box-shadow: 0 2px 10px rgba(0,0,0,.18); }