/* ==========================================================================
    GENERALE
========================================================================== */
#navbarToggler .navbar-nav .active {border-bottom:1px solid #fff;}
#navbarToggler .navbar-nav .active a {
    color:#fff; 
    /* font-weight: bold; */
}
#navbarToggler .navbar-nav .sub-active {border-bottom:1px solid #f0f0f0;color:#f0f0f0;}
.logo-nav{max-height:50px;}
.alert-custom, .card-custom .card-header{color: #212121;background-color:#fff ;border-color: #6987a5;}
.card-custom .card-footer {background-color: var(--bianco);border-color: #6987a5;}
.card-custom {border-color: #6987a5;}
.navbar-sm {font-size:0.8rem;}
#nav-pager .nav-item {border-right: 1px solid #eee;}
#nav-pager .nav-item:last-child {border-right:0;}
#nav-pager .nav-item a:hover {background-color: #eee;}
#nav-pager .active {font-weight: 600;}
.ajx-sort {color: var(--bianco);}
.ajx-sort-current {color:#6987a5;}
.bg-custom {background-color: #212121;}
.text-bg-hl {color: #000;background-color: #ffe75fa2;}
.btn-dark {background-color:#212121;}
.btn-xs {padding: .1rem .4rem;font-size: .8rem;border-radius: .2rem;}
.btn-outline-secondary {color: #6c757d;border-color: #a5afb8;}
.btn-outline-secondary:hover {background-color: #6c757d;border-color: #6c757d;}
#p-rows .form-control-sm {padding: .15rem .25rem;min-height: calc(1.1em + .15rem + 2px);line-height: 1.1;}
/* form ux */
.fg{padding:10px 20px;margin:20px 0;border:1px solid #eee;border-left:5px solid #eee;border-radius:3px;}
.fg h4{margin-top:0px;margin-bottom:10px;}
.fg-v{padding:6px 10px;margin:10px 0;}
.fg-v h4{font-size:15px;font-weight:bold;}
.fg-01{border-left-color:#31708F;}
.fg-01 h4,.fg-01 .fg-txt{color:#31708F;}
.fg-02{border-left-color:#FFE75F;}
.fg-02 h4{color:#8A6D48;}
.fg-03{border-left-color:#5CB85C;}
.fg-03 h4{color:#3C763D;}
.fg-04{border-left-color:#F0AD4E;}
.fg-04 h4,.fg-04 .fg-txt{color:#AA6708;}
.fon, .fon-x{cursor:pointer;}
.row-disabled {color:#999;}
.row-disabled a {color:#999;}
.info{cursor: help;}
.text-sm {font-size:0.8rem;}
.form-control-xs {height: 1.4rem;padding: 0 .5rem;font-size: .75rem;line-height: 1.4rem;border-radius: .2rem;}
.tbody-loading {opacity: 0.5;}
/* multiselect fix */
.multiselect-selected-text {font-size: 0.8em;}
.multiselect-container, .multiselect {max-width: 640px;}
.multiselect-container a {font-size: 0.8em;color:#333;}
.multiselect-container .active * {font-weight: bold;}
/* sortable */ 
.sortable-item:hover {background-color: #edf0f333;}
.sortable-handle {cursor: grab;}
.sortable-chosen {background-color: #edf0f3aa;}
.sortable-chosen .btn {visibility: hidden;}
/* summernote */
.note-editor .note-toolbar {background-color: var(--bianco); padding: 0 0 2px 2px;}
.note-editor .note-toolbar > .note-btn-group {margin-top: 2px;}
.note-editor.note-frame .note-statusbar {background-color: var(--bianco);}
.note-btn-group .note-btn {border-color: #eee;font-size: 10px;padding: .1rem .45rem;}
.note-editor .btn-light.active {background-color: #f0f0f0;}
/* additional media query */
@media screen and (max-width:576px) {
body, .btn{font-size:0.9rem;}
.h1,h1{font-size:1.8rem;}
.h3,h3{font-size:1.5rem;}
.h4,h4{font-size:1.1rem;font-weight: bold;}
.h5,h5{font-size:1.0rem;}
.h6,h6{font-size:0.75rem;}
.fa-2x{font-size:1.5rem;}
}
@media screen and (max-width:768px) {
.size-sm-1{font-size:0.7rem;}
}
/* ==========================================================================
    STILI SITO
========================================================================== */
    * {
        margin: 0;
        padding: 0;
        /*questo sotto non somma il padding*/
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }
    :root {
        --beige: #f4f3ee;
        --grigione: #454545;
        --bianco: #FFFFFF;
        --nero: #000000;
        --mainColor: #0f3250;
        --mainColor-hover: #c9c4c4;
    }
    body {
        font-family: 'Lato', sans-serif;
        font-size: 18px;
        line-height: 25px;
        font-weight: 400;
        margin: 0px;
        padding: 0px;
        background-color: var(--bianco);
    }
    
    #pl-content{
        padding-top: 4vh;
    }
    .margin-b{
        margin-bottom: 10px;
    }
    .margin-b2{
      margin-bottom: 20px;
    }
     
    .flex {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    a{
        color: var(--nero);
    }
    h1{
        font-size: 36px;
        font-weight: 700;
    }
    h1 span{
        color: var(--bianco);
    }
    h2 {
        color: var(--mainColor);
        text-align: center;
        font-weight: bold;
    }
    h3{
        font-size: 22px;
        font-weight: 300;
    }
    .form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select {
        height: calc(3.5rem + 5px);
        line-height: 1.3;
      }

    form > table{
        margin-top: .5rem;
    }
    th > small{
        font-weight: normal;
    }

    .text-muted td{
        --bs-text-opacity: 1;
        color: lightgray !important;
    }
    .dropdown-menu[data-bs-popper] {
        left: unset;
    }
    .breadcrumb-item:first-child{
       display: none;
    }
    .select2.select2-container{
        width:unset !important;
    }
    /*Select2 */
  .selection{
    width: 100%;
  
  }
  .select2Materiale > .select2-container--bootstrap-5 .select2--small.select2-selection--single {
    height: calc(3.5rem + 5px);
    line-height: 1.3;
  }
  .select2Materiale > .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    padding-top: 25px;
    font-size: 1rem;
    font-weight: 500;
    font-family: inherit;
  }

/* ==========================================================================
     LOGIN PAGE
========================================================================== */
    .container.login{
        max-width: 640px;
    }
  
      .btn-login{
        padding: 10px;
      }
/* ==========================================================================
    NAVBAR
========================================================================== */
    .navbar-head .nav-link, .navbar-head .navbar-text {
        color: var(--bianco);
        opacity: 1;
    } 
    .navbar-head{
       background-color: var(--mainColor);
    }
    .navbar-head a.btn{
        color: var(--bianco);
        border: unset;
    }

    /* .navbar-head a.btn:hover {
      font-size: 18.5px;
    } */

    .navbar-head .nav-link:hover{
      /* font-weight: 600; */
      color: #155083;
    }


/* ==========================================================================
    DASHBOARD
========================================================================== */
    .dashboard {
        margin-top: 5vh;
        border-bottom: 1px solid lightgray;
    }
    .dashCard {
        margin: 10px;
        border-radius: 0.8em;
        max-height: 30vh;
        height: auto;
        width: 20vw;
    }
    .card-body.bodyCPI{
        padding: 30px 0px;
    }
    .card-body.card-body2{
        padding: 5px 0px;
    }
    .dashValue {
        font-size: 40px;
        font-weight: bold;
    }

     tr.alarm-active{
        --bs-table-bg-type: rgba(255, 193, 7, 1);
        font-weight: bold;
    } 

    .card-soglie{
        padding: 5px;
        border-top: 1px solid rgba(0, 0, 0, 0.175);
    }
    
    .card-header{
        background-color: unset;
    }
    .rowIndex{
        display: flex;
        align-items: center;
        justify-content: center;
    }

/* ==========================================================================
    SOTTOCATEGORIA-DET
========================================================================== */
    /* .rowMateriale{
        width: 60%;
        margin-left: 20%;
    } */

/* ==========================================================================
    MODALE
========================================================================== */
    @media (min-width: 1200px) {
        .modal-xl {
            --bs-modal-width: 800px;
        }
        .h2, h2 {
            font-size: 1.8rem;
        }
    }
    
    @media (min-width: 992px) {
        .modal-lg, .modal-xl {
            --bs-modal-width: 800px;
        }
    }


/* ==========================================================================
    MAPPA
========================================================================== */
.mappa{
    width: 95vw;
    height: auto;
}