/* *************************************************************
   STILI GLOBALI
   ************************************************************* */
::selection{ background-color: #E13300; color: white; }
::moz-selection{ background-color: #E13300; color: white; }
::webkit-selection{ background-color: #E13300; color: white; }

* {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}


body {
    background-color: #ffffff;
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    margin: 0px;
    overflow-x: hidden;
}

.navbar-brand {
    background-image: url(../img/logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    width: 160px !important;
    margin-left: -15px !important;
    z-index: 2000;
}
.welcome  {
    position: absolute;
    top: 8vh;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 60vw;
    height: 60vh;
    text-align: center;
    background-image: url(../img/logo_homepage.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.welcome p{
    position:absolute;
    top: 50%;
    left:0;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    color: #014b92;
    font-size: 3vw;
    font-weight: bold;
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

#modaleProgressBar {
    display:none;
    margin:auto;
    position: fixed;
    left: 0px;
    top:0px;
    width: 100%;
    height: 100%;
    background: transparent url(../img/loading.gif) center center no-repeat;
    background-color: rgba(255,255,255,0.8);
    z-index: 12000;
}

#sezione_filtri_dati{
    position: absolute;
    left:50%;
    right:0px;
    width: 90vw;
    min-width: 88%;
    padding: 15px;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

#sez_filtri_dati{
    padding: 15px;
}

#sezione_filtri{
    /*min-height:70px;*/
    overflow: hidden;
    /*background-color: pink;*/
    margin-top:10px;

}

#netErr {
  position: absolute;
  right:10px;
  bottom: 45px;
  width: 30px;
  display: none;
}

#sezione_dati{ min-height: 100px; clear:both;}

#sezione_dati td,
#sezione_dati th{ font-size: 8.5pt;}

#grid_container{ font-size: 8.5pt; }

.fltDivContainer {
    float: left;
    padding-right: 10px;
    /* margin-right: 5px; */
}

.pagination { margin: 0px 0 !important;}

.container { width: 100vw !important }

.sr-only {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 8px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.typeahead {
    border-radius: 4px;
    margin-top: 2px;
    z-index:10000;
}

.table {
    margin-top: 2vh;
}

table.elenco tr.configura {
    font-size: 150%;
    background-color: #dd0000;
    color: #ffffff;
}

table.table-striped > tbody > tr:nth-child(odd) {
    background-color: #f9f9f9;
}

table.table-striped > tbody > tr:hover {
  background-color: #f0f0f0;
}

#input tr{
    border-bottom: solid 1px #e0e0e0;
    vertical-align:top;
    white-space:nowrap;
    padding:10px;
}

#input td{
    font-size: 1.2em;
    font-family:Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    text-align:left;
    vertical-align:top;
    padding:10px;
    margin-left:0px;
    border-bottom: solid 1px white;
}

#fltCerca,
#fltReset {
    margin-left:2px;
    padding: 5px 10px;
    width: 4vw;
    min-width: 80px;
}

.fltSelect {
    width: fit-content !important;
    height:34px !important;
    margin-right:5px;
    margin-left:0px;
}

#select, .fltText{
    height:34px !important;
    width: 90%;
    margin-right:5px;
    margin-left:0px;
}

#select {
    width: fit-content;
}

.fltBottoni{
    width:180px;
    margin-bottom:5px;
    margin-left:0px;
    margin-right:0px;
}

.sezBottoni{
    /*
    clear:both;
    padding-top:10px;"
    */
    float:left;
    z-index: 1000;
}

fieldset{
    width:200px;
    float:left;
}

legend{    font-size:10pt;}

.modal-body{ min-height:450px; }

.bold { font-weight: bold; line-height: 34px;}

i.active { color: #008800; }

i.inactive { color: #880000 !important; }

/******* MARGINS TOP ********/
.t1 {
  margin-top: 4px;
}

.t2 {
  margin-top: 4px;
}

.t3 {
  margin-top: 4px;
}

.t4 {
  margin-top: 4px;
}

.t5 {
  margin-top: 5px;
}

.t10 {
  margin-top: 10px;
}

.t15 {
  margin-top: 15px;
}
.t20 {
  margin-top: 20px;
}

.t30 {
  margin-top: 30px;
}
/******* BOTTOM MARGINS ********/
.b1 {
  margin-bottom: 4px;
}

.b2 {
  margin-bottom: 4px;
}

.b3 {
  margin-bottom: 4px;
}

.b4 {
  margin-bottom: 4px;
}

.b5 {
  margin-bottom: 5px;
}

.b10 {
  margin-bottom: 10px;
}

.b15 {
  margin-bottom: 15px;
}

.b20 {
  margin-bottom: 20px;
}

.b30 {
  margin-bottom: 30px;
}
/***************************/
/******* LEFT MARGINS ********/
.l1 {
  margin-left: 1px;
}

.l2 {
  margin-left: 2px;
}

.l3 {
  margin-left: 3px;
}

.l4 {
  margin-left: 4px;
}

.l5 {
  margin-left: 5px;
}

/******* RIGHT MARGINS ********/
.r1 {
  margin-right: 1px;
}

.r2 {
  margin-right: 2px;
}

.r3 {
  margin-right: 3px;
}

.r4 {
  margin-right: 4px;
}

.r5 {
  margin-right: 5px;
}

.r10 {
  margin-right: 10px;
}

.r15 {
  margin-right: 15px;
}

.r20 {
  margin-right: 20px;
}

.r30 {
  margin-right: 30px;
}
/***************************/

/************* STILI NORMATIVE ****************/
#files_list { background: #ffffff; }
#addfiles_list { background: #ffffff; }

/************* STILI LISTE ORDINABILI ****************/
#selectable .ui-selecting { background: #e3e5e8; }
#selectable .ui-selected { background: #e3e5e8; color: #5a87d8; }
#selectable { list-style-type: none; margin: 0; padding: 0; width: 99%; }
#selectable li { margin: 3px; padding: 0.2em; }
#selectable li > a { margin-left: 2px; margin-right: 2px; }
#addselectable .ui-selecting { background: #e3e5e8; }
#addselectable .ui-selected { background: #e3e5e8; color: #5a87d8; }
#addselectable { list-style-type: none; margin: 0; padding: 0; width: 99%; }
#addselectable li { margin: 3px; padding: 0.2em;  }
#addselectable li > a { margin-left: 2px; margin-right: 2px; }
.icon-invisible { visibility: hidden; }

/************* STILI ASSOCIAZIONI ****************/
#model_list { background: #ffffff; }

@media (max-width: 767px) {
    .form-control,
    .btn,
    #selectable  li,
    #addselectable  li { font-size: 8pt; }

    .form-control{ height: 30px; }

    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
      margin-left: 5px !important;
    }

    .navbar-brand a {
      font-weight: bold;
      font-size: 15pt;
    }

    .fltBottoni { width: 100px; }

    h2, .h2 { font-size: 24px;}

    h3, .h3 { font-size: 18px;}

    .nav>li>a { padding: 5px 10px; }

    #sezione_dati td,
    #sezione_dati th{ font-size: 8pt;}

    #grid_container{ font-size: 7pt; }
}


::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}


.boxModello{
    height:40px;
    border: 1px solid red;
    float:left;
    font-size:16pt;
}

.white{
    background-color:white;
}
.gray{
    background-color:gray;
}

.visibile{
    display: block;

}

.nonvisibile{
    display: none;
}

.glyphicon{
    font-size:12pt;
}

span.glyphicon-off {
    font-size: 2em;
    color:red;
    border:2px solid red;
    padding:5px;
    width:80px;
}
span.glyphicon-wrench {
    font-size: 2em;
    color:green;
    border:2px solid green;
    padding:5px;
    width:80px;
}
span.glyphicon-asterisk {
    font-size: 2em;
    color:green;
    border:2px solid red;
    padding:5px;
    width:80px;
}
span > strong > cite{font-size:0.4em; font-weight:bold}

.divMap1{
    float:left;
}
.divMap2{
    float:left;
    padding:3px;
}

.imgMap1{

}

.totemdestri{
    color:green;
    font-size:14pt;
    font-weight:bold;
}

.totemdacollocare{
    font-size:9pt;
}

.dacollocaredescrizione{
    font-size:8pt;
}

#mdlInfoTotem{
    min-height:480px;
    min-width:520px;
}

#videoDaMostrare{
    float:left;
    min-height:420px;
    min-width:520px;
    margin-left: 0px;
    background-image:url(../img/monitor.jpg);
    background-repeat: no-repeat;
    background-position: top left;
}

#daMostrare{
    float:left;
    font-size:9pt;
    width:50%
}

#daMostrare > div{
    width:100%;
}

#daMostrare > div > div >table{
    width:100%;
}

.colonna{
    width:100px;
    text-align:left;
}

#mdlMap > .modal-lg > .modal-content{
    min-height: 580px;
}