/*
Misura Portate SERVER main.css
*/

body {
    font-size: 14px;
    padding: 0;
}

/* MENU
ul.nav a {margin-left:15px; color: #aaa; text-decoration: none}
    ul.nav li a:hover, ul.nav li.active a {color: white}

.navbar-right li a { float: right;}
*/

.center {
  display: flex;
  justify-content: center;
  align-items: center;
}

#title {margin:0; padding:2px 8px 0 8px; font-weight:bold; font-size:36px}
a {margin:0; padding:0; }
.navbar-brand {height:40px; padding:2px 8px 0 8px; margin:0}
p{margin:0; padding:0}
/* CONTAINER */
    .jumbotron{ width: 650px; margin: auto; }
    .row {margin-left:3px}
    .row_portate { margin-bottom: 8px }
    .row_form { margin-bottom: 22px }

    #breadcrumbs {margin-bottom:6px}
    #breadcrumbs li, #breadcrumbs li a, #breadcrumbs li a span {display: inline }

/* form */
form-group {padding:8px}
.error_form {font-weight: bold; color:red}

/* misure */
select, textarea, input { font-weight: bold}

/* verticali */
    div.col {width:55px !important; height:282px !important; text-align: center; font-size:13px; margin:5px 2px 5px 2px; padding:2px; background-color: #ffff99; color:#8a6d3b; border-color: #000; float:left}
    /* div.col:not(:first-child) { margin-left: 5px;} */
    ul.lista_verticale {margin:0; padding:0; list-style: none}
    button.btn_verticali {width: 40px !important; height: 28px !important; margin: 0 0 5px 0; font-size:13px; overflow: hidden;  }
        button.btn_verticali_modifica { width: 40px !important; height: 28px !important; margin: 0 0 15px 0; font-size:13px; }
        button.btn_verticali_delete { width: 40px !important; height: 28px !important; margin: -10px 0 5px 0; font-size:13px }
        #btn_verticali_delete_activate {  }
        .btn_verticali_span { /*font-weight: bold;*/ margin-left: -5px }

span.span_cruscotto {padding:4px; width:30px; height: 30px; font-weight: bold; font-size: 16px}
span#num_giri_realtime {border: solid silver 1px}
span#num_giri {color: #d9534f; border: solid #d9534f 1px}

.cruscotto {width:400px; height:30px}

/* label.control-label { float:left; font-size:12px; width: 120px !important; padding-right: 10px !important} */
input[type="text"] { margin-left: 2px; float:left; width: 160px !important}
    input#appbundle_condizionimulinello_velocita, input#appbundle_condizionimulinello_velocita { width: 220px !important }
    #input_portata_media, #input_portata_sez_centrale {font-weight: bold; }
    input:required { background: #ffff99; }

form[name="aziendebundle_azienda"] input {width:500px !important}

div.pulsantiera { margin: 12px 0 12px 0 }
    #pulsantiera_base { float:left; margin: 3px 0 6px 0 }
    #pulsantiera_auto_man { float:left; margin: 3px 12px 6px 12px}
    #pulsantiera_controlli { float:left;  margin: 3px 0 6px 0  }


table { margin:10px !important }
    thead tr th {  }

.tab_misure{}
        tr td.tab_misure_delete {width:45px}

div.tab_verticali{margin:9px 0 12px 8px; font-size:12px}
    div.tab_verticali table {max-width: 900px; border: solid silver 1px}
        div.tab_verticali table tr td/*:first-child*/ {text-align:right; /*border-right: solid silver 1px*/}

/* BOOTSTRAP */
.container { width: 95%; }
nav .container { padding: 0 8px 0 15px !important;}

/* Bootstrap MENU always collapsed */
.navbar-header { float: none;}
.navbar-toggle { display: block; }
.navbar-collapse.collapse { display: none!important; }
.navbar-nav { float: none!important; }
.navbar-nav>li { float: none; }
.navbar-collapse.collapse.in{ display:block !important; }

/* =============== */
.left {float:left}
.right {float:right}

button.red_bkgd, button.red_bkgd:hover { background-color: #d9534f;}

.navbar-inverse {
    background-color: rgb(16, 92, 130);
    /* background-color: #000000;
    border-color: #080808; */
}

button.btn-right{float:right; width: 35px; height:35px; position: relative; padding: 9px 10px !important; margin: 8px 8px 0 0 !important;}
#navbarDropdownUtenti{ float:left; color: white; padding: 16px 8px 0 0 !important; font-size: 12px; max-width: 260px; overflow: hidden}
#btn_logout{float:left; width: 35px; height:35px; position: relative; margin: 8px 8px 0 0 !important; }
#navbarBrand {margin: 12px 16px 0 52px !important; font-size: 19px; color: white; font-weight: bold}
/* iframe{ overflow:hidden; width:208px; height:45px; margin-left:20px} */

a.disabled {
  opacity: 0.5
  pointer-events: none
  cursor: default
}

#th_data_esportazione {}
#th_btn_esporta {width:35px}
.img_loader {margin: 8px 0 0 8px}

#appbundle_misuraoriginale_dataIniziale_time_hour {margin-left: 18px}

.altro_campo_misure{display: none;}

.datetimepicker{position: relative}

.black-background {background-color:#000000;}


/* ======= mm04.2021 -> gallery ======================================================= */
div.gallery {
  margin: 5px;
  border: 1px solid #ccc;
  float: left;
  width: 180px;
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  font-size:12px;
  text-align: center;
}