@import: "lesshat";

/* ========  Stili comuni (topologia.it.tpl, btsdown.it.tpl, pixelsmart.it.tpl) ======== */

.darkLayerR {
  background-color: black;
  filter: alpha(opacity=50); /* IE */
  opacity: 0.5;
  z-index: 1100;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
}

#messaggio_di_errore {
  z-index: 10000000 !important;
}
.corsivo_import {
  font-size: 8pt;
  font-family: Verdana;
  font-style: italic;
  color: blue;
}
.rosso {
  background-color: red !important;
}
.rosso_list {
  background-color: red !important;
  width: 10px;
  height: 5px;
}
.arancione {
  background-color: orange !important;
}
.giallo {
  background-color: yellow !important;
}
.verde {
  background-color: green !important;
}
.grigio {
  background-color: gainsboro !important;
}
.notaSvlan {
  margin-right: 4px;
  height: 20px;
}
.notaSvlanTesto {
  font-size: 8pt;
  font-family: Verdana;
  font-weight: normal;
}
.tooltip_mio {
  position: absolute;
  width: 400px;
  padding: 5px;
  border: 1px solid gray;
  font-size: 9pt;
  font-family: Verdana;
  background-color: #fff;
  color: #000;
  z-index: 300000;
}
.disabilitato {
  opacity: 0.5;
  background-color: #dddddd;
  cursor: pointer;
}

.map_canvas {
  height: 1000px;
  width: 1200px;
}

.controls {
  margin-top: 8px;
  border: 1px solid transparent;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 32px;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#places_searchbox {
  background-color: #fff;
  padding: 0 11px 0 13px;
  width: 380px;
  /* font-family: Roboto; */
  font-size: 15px;
  font-weight: 300;
  text-overflow: ellipsis;
}

#places_searchbox:focus {
  border-color: #4d90fe;
}
.riga_pari {
  background-color: #dedef0;
  margin: 1px;
}
.riga_dispari {
  background-color: #cecef0;
  margin: 1px;
}

.achi_infobox {
  border: solid 2px lightblue;
  border-radius: 5px;
  box-shadow: 5px 5px 5px #ccccff;
  margin: 2px;
  padding: 2px;
  float: left;
}

.giorba_infobox_med {
  border: solid 2px lightblue;
  border-radius: 5px;
  box-shadow: 5px 5px 5px #ccccff;
  margin: 2px;
  padding: 2px;
  float: left;
  width: 500px;
}

.location_infobox {
  border: solid 2px lightblue;
  border-radius: 5px;
  box-shadow: 5px 5px 5px #ccccff;
  margin: 2px;
  padding: 5px;
  float: left;
  width: 650px;
}

.BTS_infobox {
  border: solid 2px lightblue;
  border-radius: 5px;
  box-shadow: 5px 5px 5px #ccccff;
  margin: 2px;
  padding: 5px;
  float: left;
  width: 550px;
}

.giorba_infobox_small {
  border: solid 2px lightblue;
  border-radius: 5px;
  box-shadow: 5px 5px 5px #ccccff;
  margin: 2px;
  padding: 2px;
  float: left;
  width: 300px;
}

.segmenti_infobox {
  border: solid 2px lightblue;
  border-radius: 5px;
  box-shadow: 5px 5px 5px #ccccff;
  margin: 2px;
  padding: 2px;
  float: left;
  width: 650px;
}
/* ======== Fine stili comuni ======== */

/* ======== Pagina btsdown.it.tpl ======== */

/* Comune ma cambia width */
/* .achi_infobox {
    border: solid 2px lightblue; 
    border-radius: 5px;
    box-shadow: 5px 5px 5px #CCCCFF;
    margin: 2px; 
    padding: 2px; 
    float: left; 
    width:550px
} */

/* dimensioni mappa miccola */
div.map_canvas_small {
  width: 600px;
  height: 500px;
  float: left;
  margin: 5px 10px;
}

.mapSearchbox {
  background-color: #fff;
  padding: 0 11px 0 13px;
  width: 300px;
  /* font-family: Roboto; */
  font-size: 15px;
  font-weight: 300;
  text-overflow: ellipsis;
}

/* fine mappa piccola */

#pac-input {
  background-color: #fff;
  padding: 0 11px 0 13px;

  /* font-family: Roboto; */
  font-size: 15px;
  font-weight: 300;
  text-overflow: ellipsis;
}

#pac-input:focus {
  border-color: #4d90fe;
}

.pac-container {
  /* font-family: Roboto; */
}

/* CCS id NON DEVE iniziare con un numero, ref. http://www.w3.org/TR/CSS21/syndata.html#characters */
[id="2g_3g_4g"] {
  float: left;
}

/*#modalAllarmi .modal-body{
  font-size: 10px;
}*/

.filterSelected {
  font-weight: bold !important;
}

#lastestBts_wrapper {
  height: 653px;
  overflow: scroll;
}

#lastestBts,
#lastestBts_wrapper thead {
  font-size: 10px;
}

#lastestBts tr:hover {
  color: blue;
}
#lastestBts tr.bgBlue:hover {
  color: #ffffff;
}

/* Sfondo per lista laterale */
.bgRed {
  background-color: rgba(242, 0, 0, 0.35);
}
.bgYellow {
  background-color: rgba(255, 249, 76, 0.35);
}
.bgBlue {
  background-color: rgba(38, 92, 178, 0.35);
}
.bgOrange {
  background-color: #ffbf45;
}
.bgLightOrange {
  background-color: #ffdb95;
}

/* ======== Menu secondario ======== */
.greyBackground {
  background-color: #f5f5f5;
}
/* ======== Menu secondario pagina Geo ======== */
#refresh_opzioni_dropdown {
  width: 300px;
}

/*@media (min-width: 768px) {
    #layerTX_opzioni_dropdown {
        width: 900px;
    }*/

#layerULL_opzioni_dropdown {
  width: 400px;
}

#layerFTTH_opzioni_dropdown,
#layerFTTC_opzioni_dropdown {
  width: 200px;
}

#segn_opzioni_dropdown,
#spqr_opzioni_dropdown,
#allarmi_opzioni_dropdown,
#bscrnc_opzioni_dropdown,
#meteo_opzioni_dropdown,
#layerIP_opzioni_dropdown {
  width: 300px;
  z-index: 1;
}

#Equipment_opzioni_dropdown,
#ethernet_opzioni_dropdown {
  width: 190px;
  z-index: 1;
}
#vlan_opzioni_dropdown {
  width: 400px;
  z-index: 1;
}
#MostraNodi,
#NascondiNodi {
  width: 70px;
}
#layerTX_opzioni_dropdown {
  width: 300px;
}
#OPT_ULL_NUMERO_UTENTI {
  width: 40px;
}

/*}*/
@media (min-width: 769px) {
  .subButton {
    font-size: 80%;
    width: 100px;
    line-height: 1;
    border-radius: 3px;
  }
}

.icone_allarmi {
  float: left;
  display: block;
  height: 100%;
  color: blue;
  margin: 0px;
  border: 0px;
  padding: 5px 4px 5px 4px;
  /* font-family: Roboto; */
}

.paddingTop5 {
  padding-top: 5px;
}

/* ======== Fine Menu secondario ======== */

/* ======== Pagina topologia.it.tpl ======== */
/* Solo per versione vecchia*/
#bts_id,
#bscrnc_id,
#mgw_id,
#msc_id,
#location_id {
  width: 100%;
}
.elencone_div {
  padding: 2px;
  width: 100%;
  height: 300px;
  overflow-y: auto;
  border: 1px solid #ebebeb;
}

/* Comune vecchia e nuova */
.prev_div {
  margin-top: 8px;
  border-radius: 2px 0 0 2px;
  height: 32px;
  border: 1px solid grey;
  padding: 2px 4px 0px 25px;
  background-color: #ffe;
}
.prev_div span {
  color: #4444ff;
  font-family: arial;
  font-size: 13px;
}

/* Solo per versione nuova */
#treeViewContainer {
  margin-top: 15px;
  height: 654px;
  overflow-y: auto;
}

.achi_infobox.achi_infobox_location {
  min-height: 350px;
  width: 400px;
}

.tbody_BTSCorrelate {
  height: 230px;
  display: inline-block;
  width: 96%;
  overflow: auto;
  margin-left: 5px;
}

.achi_infobox.achi_infobox_coresite {
  width: 250px;
}

/* Legenda */
.lineNDB,
.lineDiscovered,
.lineInferred {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  width: 25px;
  display: inline-block;
  height: 8px;
}
.lineNDB {
  border-bottom-color: #00ff00;
}
.lineDiscovered {
  border-bottom-color: #0000ff;
}
.lineInferred {
  border-bottom-color: #800080;
}
.lineDotted {
  border-bottom-style: dotted;
}

/* ======== Fine Pagina topologia.it.tpl ======== */

/* ======== pagina rep_down.it.tpl ========*/
#map-canvas1 {
  height: 700px;
  margin: 0px;
  padding: 0px;
}
/* ======== fine pagina rep_down.it.tpl ========*/

/* ======== Pagina ntt_multipli.it.tpl ======== */
/*.form-horizontal .control-label {*/
label[for="tipo_aging"],
label[for="search_filtri"] {
  color: fuchsia;
  text-align: right;
}
/* ======== Fine pagina ntt_multipli.it.tpl ======== */

/* ======== Pagina riepilogo.it.tpl (Cruscotto->Report) ========*/
/* Dimensione dropdown refresh */
#diss_refresh > ul > li {
  min-width: 280px;
  padding-left: 5px;
}
/* ======== Fine Pagina riepilogo.it.tpl (Cruscotto->Report) ========*/

/* ======== Pagina analisi.it.tpl ========*/
/*.filterBlock{
  border: 1px solid black;
}*/

#pulsani_excel {
  margin: 15px 0px;
}

.displayInline {
  display: inline;
}
/* ======== Fine pagina analisi.it.tpl ========*/

/* ======== Pagina pixelsmart.it.tpl ========*/
#editingOpt {
  height: 300px;
  border: solid 1px #558;
  padding: 3px;
}

.marginTop5 {
  margin-top: 5px;
}

#progress {
  height: 10px;
}

#pixelDetails {
  height: 200px;
  border: solid 1px #558;
  margin-top: 10px;
  padding: 3px;
}

#info_people_label {
  display: block;
}

#pixelTable,
#saveLoadMapTable {
  width: 90%;
}

#saveLoadMap {
  height: 200px;
  border: solid 1px #558;
  margin-top: 10px;
  padding: 3px;
}

#file_btn {
  height: 30px;
}

#load_file {
  opacity: 0;
}
/* ======== Fine Pagina pixelsmart.it.tpl ========*/
/* ======== Pagina pixelsmart_segnalazioni.it.tpl ========*/
#pixSegn_pesoMinValue {
  float: left;
}
#pixSegn_peso {
  float: left;
  width: 75%;
  margin: 0px 10px;
}
/* ======== Fine Pagina pixelsmart_segnalazioni.it.tpl ========*/

/* ======== Pagina settings.it.tpl ========*/

/* === Regola per simbolo invisibile in btn-group ===
 * (siti_bannati.it.tpl e topologia.submenu.it.tpl, pixelsmart_segnalazioni.it.tpl)
 * === */
.btn-group .btn .glyphicon,
.btn-group-vertical .btn .glyphicon {
  /* display: none; */
  visibility: hidden;
}
.btn-group .btn.active .glyphicon,
.btn-group-vertical .btn.active .glyphicon {
  /* display: inline-block; */
  visibility: visible;
}
/* === Fine ===*/

/* Regola per evidenziare box revamping allarmi ed allineare bottoni (siti_bannati.it.tpl regole_allarmi.it.tpl) */
.revampContainer {
  border: 1px solid black;
  background-color: #dcdcdc;
}
@media (min-width: 768px) {
  .revampContainerSibling {
    height: 89.5px;
    padding-top: 58px;
  }
}
/* === */

/* === Pagina gestione_utenti.it.tpl ===*/
table#tableUtenti > tbody > tr:hover {
  cursor: default;
}

/* Fix per multiselect.js nel modal bootstrap */
#modUserModal .ms-container .ms-list {
  position: static;
}

#utentiBulk form.form-inline {
  margin: 10px 0px;
}
/* === Fine Pagina gestione_utenti.it.tpl ===*/

/* === Pagina statistiche.it.tpl ===*/
.grafico {
  height: 500px;
}

.form-control.date-picker.smallDateInput {
  width: 100px;
}

.form-control.date-time-picker.smallDateInput {
  width: 125px;
}

/* Gestione freccette per menu laterale */
.graphMenuHead > a:before {
  font-family: "Glyphicons Halflings";
  content: "\e114";
  float: left;
  padding-right: 3px;
}
.graphMenuHead > a.collapsed:before {
  content: "\e080";
}

/* Gestione menu laterale posizione, colore ed animazione */
#graphSideMenu {
  position: absolute;
  background-color: #e0e0ff;
  width: 250px;
  left: -250px;
  z-index: 99;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}

#graphSideMenu.active {
  -webkit-transform: translateX(250px);
  -ms-transform: translateX(250px);
  transform: translateX(250px);
}

#btnCloseSideMenu {
  margin-left: 250px;
  background-color: #e0e0ff;
  color: #428bca;
}

/* Bottone toggle menu che simula le 3 barre come boostrap*/
#btnToggleSideMenu {
  width: 36px;
  padding: 6px;
}

#btnToggleSideMenu .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background-color: #fff;
}
#btnToggleSideMenu .icon-bar + .icon-bar {
  margin-top: 4px;
}

/* === Fine Pagina statistiche.it.tpl ===*/

/* === Pagina objProtected.it.tpl ===*/
#objProtectedModal .ms-container .ms-list {
  position: static;
  height: 100px;
}
/* === Fine Pagina objProtected.it.tpl ===*/

/* === Pagina core_network.it.tpl ===*/
#rotteDup form,
#rotteDupCand form,
#regoleRotte > * {
  margin: 10px 0px;
}

#panelBC,
#panelYZ {
  min-height: 268px;
}
/* === Fine Pagina core_network.it.tpl ===*/

/* === Pagina regole_allarmi.it.tpl ===*/
.regoleTableContainer.full-width-table {
  max-height: 700px;
  overflow-y: scroll;
}
/* === Fine Pagina regole_allarmi.it.tpl ===*/

/* ======== Fine Pagina settings.it.tpl ========*/

/* === Pagina grafici_allarmi.it.tpl ===*/
#ms-alarmHour_classeAlrm.ms-container .ms-selectable li.ms-elem-selectable,
#ms-alarmHour_classeAlrm.ms-container .ms-selection li.ms-elem-selection,
#ms-alarmDay_classeAlrm.ms-container .ms-selectable li.ms-elem-selectable,
#ms-alarmDay_classeAlrm.ms-container .ms-selection li.ms-elem-selection {
  font-size: 10px;
}

#ms-alarmHour_classeAlrm.ms-container,
#ms-alarmDay_classeAlrm.ms-container {
  width: 500px;
}

#ms-alarmHour_classeAlrm.ms-container .ms-selectable,
#ms-alarmHour_classeAlrm.ms-container .ms-selection,
#ms-alarmDay_classeAlrm.ms-container .ms-selectable,
#ms-alarmDay_classeAlrm.ms-container .ms-selection {
  width: 230px;
}

#modGraficoImg img {
  width: 100%;
}
/* === Fine Pagina grafici_allarmi.it.tpl ===*/

/* === Pagina diss_multipli.it.tpl ===*/
#dlg_dettaglio_multi .modal-body {
  height: 550px;
}

#dm_quadri,
#dm_quadro1,
#dm_quadro2,
#dm_btnCorrelati {
  width: 350px;
}

#dm_quadri {
  height: 500px;
  float: left;
}

#dm_quadro1 {
  height: 250px;
  border: 1px solid #ccc;
}

#dm_btnCorrelati {
  height: 35px;
}

#dm_quadro2 {
  height: 215px;
  overflow: auto;
}

#dlg_dettaglio_multi #map-canvas1 {
  float: left;
  width: 500px;
  height: 500px;
  border: 1px solid #ccc;
}
/* === Fine Pagina diss_multipli.it.tpl ===*/

/* td{font-size:10px} */

/*from repeaters.php*/

/* ======== Gestione Bottoni nel sottomenu ======== */
/*a.btn.btn-default.btnSubmenu{*/
ul.nav.nav-tabs>li .btn.btnSubmen {
  font-size: 12px;
  padding: 6px 12px;
  border-color: #ccc;
}
/* ======== Fine Gestione Bottoni nel sottomenu ======== */

/* ======== Regole per submenu responsive  ======== */
#navBar_submenu {
  min-height: 0px;
  margin-bottom: 0px;
}

#navBar_submenu .container {
  padding: 0px;
}

ul.nav.navbar-nav > li .btn-group {
  width: 100%;
}

ul.nav.navbar-nav > li .btn.btnSubmenu {
  font-size: 12px;
  padding: 10px 12px;
  color: #777;
  background-color: #fff;
  border-color: #ccc;
  width: 100%;
}

ul.nav.navbar-nav > li .btn.btnSubmenu:hover,
ul.nav.navbar-nav > li .btn.btnSubmenu:focus {
  background-color: #eee;
}

/* Gestione per bottoni colorati
 * Valuta se e' possibile semplificare */
ul.nav.navbar-nav > li .btn.btnSubmenu.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
ul.nav.navbar-nav > li .btn.btnSubmenu.btn-danger:hover,
ul.nav.navbar-nav > li .btn.btnSubmenu.btn-danger:focus {
  background-color: #c9302c;
  border-color: #ac2925;
}

ul.nav.navbar-nav > li .btn.btnSubmenu.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
ul.nav.navbar-nav > li .btn.btnSubmenu.btn-warning:hover,
ul.nav.navbar-nav > li .btn.btnSubmenu.btn-warning:focus {
  background-color: #ec971f;
  border-color: #d58512;
}

ul.nav.navbar-nav > li .btn.btnSubmenu.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
ul.nav.navbar-nav > li .btn.btnSubmenu.btn-info:hover,
ul.nav.navbar-nav > li .btn.btnSubmenu.btn-info:focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}

ul.nav.navbar-nav > li .btn.btnSubmenu.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
ul.nav.navbar-nav > li .btn.btnSubmenu.btn-success:hover,
ul.nav.navbar-nav > li .btn.btnSubmenu.btn-success:focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

/* Media query per gestire allineamento submenu
 * Mobile first => applico il fix a schermi piu' grandi*/
@media (min-width: 768px) {
  #navBar_submenu .container {
    padding-right: 15px;
  }

  #submenuContainer {
    padding-right: 15px;
  }
}

.eqpmt_color_2 {
  color: red;
}
.eqpmt_color_1 {
  color: yellow;
}
.eqpmt_color_0 {
  color: grey;
}

.ull_eqpmt_details segment_details {
  font-size: 10px;
}
.ull_eqpmt_details segment_details thead {
  font-weight: bold;
}

.collapse.width {
  height: auto;
  width: 400px;
  -webkit-transition: width 0.35s ease;
  -moz-transition: width 0.35s ease;
  -o-transition: width 0.35s ease;
  transition: width 0.35s ease;
}
.google-maps {
  position: relative;
  margin: 0;
  padding-bottom: 50%;
  height: 0;
  overflow: hidden;
}

#map_canvas_new {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
#map_canvas_geo {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.divOnMap {
  margin-top: 8px;
  border-radius: 2px 0 0 2px;
  height: 38px;
  width: 450px;
  border: 1px solid grey;
  padding: 2px 4px 0px 25px;
  background-color: #ffe;
}
.divOnMap span {
  color: #4444ff;
  font-family: arial;
  font-size: 13px;
}
/* ======== Fine Regole per submenu responsive  ======== */
.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.42;
  border-radius: 15px;
}

#treeViewContainer_new {
  margin-top: 15px;
  overflow-y: auto;
  position: absolute;
  top: 0;
  left: 0;
  height: 97%;
  width: 100%;
  overflow-x: hidden;
  margin-right: 12px;
  display: inline;
}

#nav_new {
  border-width: 0 5px 0 0;
  border-style: solid;
  padding: 2px;
  position: relative;
  margin-bottom: 0;
  padding-bottom: 49%;
  height: 0;
  overflow: hidden;
  -webkit-border-image: -webkit-gradient(
      linear,
      100% 0,
      0 0,
      from(rgba(165, 165, 165, 1)),
      to(rgba(90, 90, 90, 1))
    )
    1 100%;
  -webkit-border-image: -webkit-linear-gradient(
      left,
      rgba(165, 165, 165, 1),
      rgba(90, 90, 90, 1)
    )
    1 100%;
  -moz-border-image: -moz-linear-gradient(
      left,
      rgba(165, 165, 165, 1),
      rgba(90, 90, 90, 1)
    )
    1 100%;
  -o-border-image: -o-linear-gradient(
      left,
      rgba(165, 165, 165, 1),
      rgba(90, 90, 90, 1)
    )
    1 100%;
  border-image: linear-gradient(
      to left,
      rgba(165, 165, 165, 1),
      rgba(90, 90, 90, 1)
    )
    1 100%;
}

.tree-resizable {
  overflow: hidden;
  margin-right: 12px;
}

#nav_new1 {
  padding: 2px;
  position: relative;
  margin-bottom: 0;
  padding-bottom: 49%;
  height: 0;
  overflow: hidden;
}

#google-maps_geo,
#TL_principale,
#TL_google-maps_geo,
#google-maps_topology,
#google-maps_DissM {
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
  align-content: center;
  display: inline;
  overflow: hidden;
}

#nav_geo,
#TL_nav_geo,
#nav_topology {
  float: left;
  position: relative;
  display: inline;
  margin: 0;
  align-content: center;
  background-color: white;
}
#dragbar {
  background-color: grey;
  float: left;
  width: 3px;
  cursor: col-resize;
}
#dragbar_geo,
#TL_dragbar_geo,
#dragbar_topology {
  background-image: linear-gradient(
    0deg,
    #ded1d3 25%,
    #3c608f 25%,
    #3c608f 50%,
    #ded1d3 50%,
    #ded1d3 75%,
    #3c608f 75%,
    #3c608f 100%
  );
  background-size: 8px 8px;
  float: left;
  width: 6px;
  cursor: col-resize;
}
#ghostbar {
  width: 6px;
  background-color: #000;
  opacity: 0.5;
  position: absolute;
  cursor: col-resize;
  z-index: 999;
}

#ghostbar_geo,
#ghostbar_topology {
  width: 6px;
  background-color: #000;
  opacity: 0.5;
  position: absolute;
  cursor: col-resize;
  z-index: 999;
}

.ui-autocomplete {
  height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.greyedImage {
  opacity: 0.6;
}

/*hover lista laterale*/
#tab_geo tr,
#TL_tab_geo tr {
  color: #3c8dbc;
}
#tab_geo tr:hover,
#TL_tab_geo tr:hover {
  color: blue;
}
#tab_geo tr.bgBlue:hover,
#TL_tab_geo tr.bgBlue:hover {
  background-color: #ffffff;
}

.yellow2 {
  color: yellow;
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
  font-size: 1.2em;
}
#refresh_opt {
  width: 300px;
}
.yellow {
  color: #ffca28;
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}
@media (min-width: 768px) {
  .pull-sm-left {
    float: left !important;
  }
  .pull-sm-right {
    float: right !important;
  }
  .pull-sm-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .pull-md-left {
    float: left !important;
  }
  .pull-md-right {
    float: right !important;
  }
  .pull-md-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .pull-lg-left {
    float: left !important;
  }
  .pull-lg-right {
    float: right !important;
  }
  .pull-lg-none {
    float: none !important;
  }
}
.pull-none {
  float: none !important;
}


@distance: 40px; /* distance between stacked modals*/

@modal-translate-z: -340px; /* The first modal translateZ value*/

.transform(@translateZ) {
  -webkit-transform: scale(0.8) rotateY(45deg) translateZ(@translateZ);
  -ms-transform: scale(0.8) rotateY(45deg) translateZ(@translateZ);
  -o-transform: scale(0.8) rotateY(45deg) translateZ(@translateZ);
  transform: scale(0.8) rotateY(45deg) translateZ(@translateZ);
}

.preserve-3d() {
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.perspective(@perspective) {
  -webkit-perspective: @perspective;
  -moz-perspective: @perspective;
  -ms-perspective: @perspective;
  -o-perspective: @perspective;
  perspective: @perspective;
}
.container {
  margin: auto;
}

.modal.in {
  .perspective(2000px);

  .modal-dialog {
    &.aside {
      .transform(@modal-translate-z);
      .preserve-3d();

      &.aside-1 {
        .transform(calc(@modal-translate-z + @distance));
      }
      &.aside-2 {
        .transform(calc(@modal-translate-z + (@distance * 2)));
      }
      &.aside-3 {
        .transform(calc(@modal-translate-z + (@distance * 3)));
      }
      &.aside-4 {
        .transform(calc(@modal-translate-z + (@distance * 4)));
      }
      &.aside-5 {
        .transform(calc(@modal-translate-z + (@distance * 5)));
      }
    }
  }
}
.btn-giallo {
  color: black;
  background-color: yellow;
  border-color: #357ebd;
}
.btn-giallo:hover,
.btn-giallo:focus,
.btn-giallo:active,
.btn-giallo.active,
.open > .dropdown-toggle.btn-giallo {
  color: black;
  background-color: #00b3db;
  border-color: #285e8e;
  font-weight: bold;
}
#OPT_BTS_TIMELAPS .ui-slider-range {
  background: #729fcf;
}
#OPT_BTS_TIMELAPS .ui-slider-handle {
  border-color: #729fcf;
}
#OPT_BTS_TIMELAPS {
  background: #729fcf;
}