body {
  background: #37e1c1;
  /* width: 100vw; */
  /* zoom: 2; IE */
  /* transform: scale(1);
  -webkit-transform: scale(1);
  -webkit-transform-origin: 0 0;
  -moz-transform: scale(1);
  -moz-transform-origin: 0 0;
  -o-transform: scale(1);
  -o-transform-origin: 0 0;
  -ms-transform: scale(1);
  -ms-transform-origin: 0 0; */
}

/* for ie 8*/
a {
  color: #2B2B2B\9;
  text-decoration: none\9;
}

.active>a,
a:focus,
a:hover {
  color: white\9;
  text-decoration: none\9;
}

/* END for ie 8*/

#header {
  background: url(/index.php/view/media/getMedia?repository=upper&project=UPPER_WHIP&path=media%2Fthemes%2FUPPER_WHIP%2Fcss%2F/img/header-background-medium5.png) no-repeat fixed;
  color: #FBFBFB;
}

#logo {
  background: url(/index.php/view/media/getMedia?repository=upper&project=UPPER_WHIP&path=media%2Fthemes%2FUPPER_WHIP%2Fcss%2F/img/logoUpper5.png) no-repeat;
  /* display:none; */
  background-size: contain;
  padding-right: 25%;
  float: left;
  /* height: 75px; */
  height: inherit;
  width: -webkit-fill-available;
  /* min-width: 12%; */
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

#headermenu {
  background-color: transparent;
}

#auth {
  background: transparent;
}

.navbar .nav>li>a {}

.navbar .nav .active>a,
.navbar .nav>li>a:focus,
.navbar .nav>li>a:hover {
  background-color: #E9E9E9;
}

.navbar .nav li.dropdown.open>.dropdown-toggle,
.navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open.active>.dropdown-toggle {
  color: #333;
  background-color: #08C;
}

.navbar .nav>li>.dropdown-menu:after {
  border-bottom: 6px solid #F5F5F5;
}

.dropdown-menu {
  background-color: #F5F5F5;
}

.navbar .nav>li.dropdown>a.dropdown-toggle:hover .caret {}

.navbar .navbar-inner .icon {
  background-image: url(/index.php/view/media/getMedia?repository=upper&project=UPPER_WHIP&path=media%2Fthemes%2FUPPER_WHIP%2Fcss%2F/images/sprite_20_tools.png);
}

.navbar .nav .login .icon {
  background-position: -225px 0px;
}

.navbar .nav .login a:hover .icon,
.navbar .nav .login.active a .icon {
  background-position: -200px 0px;
}

.navbar .nav .user .icon {
  background-position: -575px 0px;
}

.navbar .nav .user a:hover .icon,
.navbar .nav .user.active a .icon,
.navbar .nav .user.open a .icon {
  background-position: -550px 0px;
}

.navbar .nav .home .icon {
  background-position: -25px 0px;
}

.navbar .nav .home a:hover .icon,
.navbar .nav .home.active a .icon {
  background-position: 0px 0px;
}
/* Nav bar utente */
.dashboard-item {
  display: none;
}
/* nav bar end */
#mapmenu {
  background: #37e1c1;
}

#title {
  display: none;
}

.themebt {
  /* background-image:url(/index.php/view/media/getMedia?repository=upper&project=UPPER_WHIP&path=media%2Fthemes%2FUPPER_WHIP%2Fcss%2F/images/123_click.png); */
  position: relative;
  margin-left: -10px;
  width: 50%;
  width: 20px;
  height: 20px;
  display: list-item;
  text-align: -webkit-match-parent;
}
#lizmap-modal{
  width: auto;
  display: grid;
}
.jumbotron-main{
margin: 0 auto 0 auto;
position: fixed;
top: 50%;
left: 50%;
width: -webkit-fill-available;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.modal {
  position: fixed;
  top: 10%;
  left: 20%;
  margin-left: 0px;
  background-color: #ffffff;
}

.modal.fade.in {
  top: 5%;
}

#upper_app {
  zoom: 93%;
  position: absolute;
  max-width: 97%;
}

/* #upper_app > .lizmap-modal-mod >#guidastart {
  font-size: 10pt;
  zoom: 90%;
} */

#nav-tab-upper_app>a {
  font-family: 'Graduate';
}

#upper_alpi {
  font-family: 'Graduate';
  border-radius: 5px;
  background-color: #e1c237;
  /* content: 'whatever it is you want to add'; */
  color: white !important;
  margin: 5px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 1.5em;
  animation: glow 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite alternate;
}

#upper_acque-medie {
  font-family: 'Graduate';
  border-radius: 5px;
  background-color: #37c7e1;
  /* content: 'whatever it is you want to add'; */
  color: white !important;
  margin: 5px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 1.5em;
  animation: glow2 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite alternate;
}

#upper_progetti {
  font-family: 'Graduate';
  margin: 5px;
  font-size: 15px;
}

/* form di censimento */
#upper_modulo {
  margin-top: 4em;
  font-size: 1em;
}

#upper_modulo>p {
  font-size: 1.5em;
  text-align: justify;
}

#upper_form {
  line-height: normal;
  margin-top: 1em;
  margin-left: auto;
  margin-right: auto;
  display: block;
  text-align: center;
  font-family: 'Graduate';
  background-color: #c6ca3f;
  color: white;
  width: 6em;
  font-size: 2em;
  padding: 0.5em;
  border-radius: 5px;
}

#upper-asso-modulo {
  line-height: 1.4em;
  font-size: 2vh;
}

#sep_layer {
  background-color: #37e1c1;
}

hr.rounded {
  margin: 10px 0;
  color: #37e1c1;
  background-color: #37e1c1;
  border-top: 10px solid #37e1c1;
  border-radius: 5px;
  border-bottom: 0px solid #ffffff;
}

/* .glow {
  font-size: 15px;
  color: #fff;
  text-align: center;
} */

/* Keyframes */
@keyframes wiggle {

  0%,
  7% {
    transform: rotateZ(0);
  }

  15% {
    transform: rotateZ(-15deg);
  }

  20% {
    transform: rotateZ(10deg);
  }

  25% {
    transform: rotateZ(-10deg);
  }

  30% {
    transform: rotateZ(6deg);
  }

  35% {
    transform: rotateZ(-4deg);
  }

  40%,
  100% {
    transform: rotateZ(0);
  }
}

@keyframes glow {
  from {
    text-shadow: 0 0 2px #fff, 0 0 4px #fff, 0 0 6px #fce301, 0 0 8px #fce301, 0 0 10px #fce301, 0 0 12px #fce301, 0 0 14px #fce301;
  }

  to {
    text-shadow: 0 0 3px #fff, 0 0 5px #da1a1a, 0 0 7px #da1a1a, 0 0 9px #da1a1a, 0 0 12px #da1a1a, 0 0 13px #da1a1a, 0 0 15px #da1a1a;
  }
}

@keyframes glow2 {
  from {
    text-shadow: 0 0 2px #fff, 0 0 4px #fff, 0 0 6px #01fc2b, 0 0 8px #01fc2b, 0 0 10px #01fc2b, 0 0 12px #01fc2b, 0 0 14px #01fc2b;
  }

  to {
    text-shadow: 0 0 3px #fff, 0 0 5px #1acdda, 0 0 7px #1acdda, 0 0 9px #1acdda, 0 0 12px #1acdda, 0 0 13px #1acdda, 0 0 15px #1acdda;
  }
}

.digit-label {
  display: inline-block;
  background-position: center !important;
}


/* Partecipazione */
#ppgis_app>div.ppgis_app>h3 {
  font-family: 'Graduate';
  font-size: 1.1em;
  text-align: center;
  padding: 0.5em 1.8em 0.5em 1.8em;
  /* animation: wiggle 2s linear infinite; */
}


#ppgis-start button {
  font-family: 'Graduate';
  text-align: center;
  background-color: #c6ca3f;
  color: white;
  font-size: 1.3em !important;
  padding: 5px;
  border-radius: 5px;
  margin: 5px auto 5px auto;
  display: block;
  border: transparent;
}

#ppgis-guida,
#ppgis-request {
  position: inherit;
  width: -webkit-fill-available;
}

#ppgis-post h4 {
  color: #333 !important;
}

/* Discussione in popup */
#ppgis-posts {
  background-color: #37e1c1 !important;
}

#ppgis-posts-table {
  width: -webkit-fill-available;
}

#ppgis-replays-table {
  width: -webkit-fill-available;
  padding-left: 20px;
}

#ppgis-posts-row1 {
  background-color: #c6ca3f;
  color: #FBFBFB;
  font-weight: bold;
}

#ppgis-posts-row1>td {
  padding: 4px;
}

#ppgis-posts-row2 {
  color: #2e2a2a;
}

#ppgis-posts-row2>td {
  padding: 4px;
}

#ppgis-posts-replays1 {
  background-color: #c6ca3f80;
  color: #FBFBFB;
  font-weight: bold;
}

#ppgis-posts-replays1>td {
  padding: 4px;
}

#ppgis-posts-replays2 {
  color: #2e2a2a;
}

#ppgis-posts-replays2>td {
  padding: 4px;
  padding: 4px 4px 4px 1.5em;
}

.lizmapPopupChildren Rispondi_alla_Discussione,
.lizmapPopupSingleFeature {
  color: #2e2a2a;
}

/* pulsanti ordinamento posts */
#posts-order-bt {
  text-align: end;
}

#posts-order-new,
#posts-order-old {
  background-color: #c6ca3f;
  border: none;
  border-radius: 5px;
}

/* frame tutorial introduttivo */
#upper-tut-frame {
  position: inherit;
  width: -webkit-fill-available;
}