.navbar.navbar-default {
  margin: 0;
  border: 0;
  border-top: 1px solid #fff;
  border-bottom:  1px solid #fff;
  background-color: #536D7A;
  position: relative;
  z-index: 3;
}

.navbar.navbar-default a {
  color: #fff;
}

ul.nav.navbar-nav {
  font-family: Ebrima;
  font-size: 14px;
}

.navbar-collapse{
  overflow: hidden!important;
}

.navbar-left{
  margin-right: -50%;
  padding-top: 10px;
  position: relative;
}
.navbar-left>ul.nav.navbar-nav>li {
  text-align: center;
  margin-right: 20px;
  position: static;
}
.navbar-nav>li>a.link-span {
  color: #fff;
  padding: 0 0 10px;
}
.navbar-left>ul.nav.navbar-nav>li>a,
.navbar-left>ul.nav.navbar-nav>li>a:hover{
  color: #fff;
}
.navbar-left>ul>li>a>span{
  display: block;
  padding: 8px 12px;
  border: 1px solid transparent;
  text-transform: uppercase;
}
.navbar-left>ul.nav.navbar-nav>li>a:hover>span{
  border-color: #fff;
  border-radius: 4px;
  color: #fff!important;
}
.navbar-left>ul>li>a>span.droparrow {
  display: none;
}


.navbar-right>li>a.link-span { padding: 8px 12px; }

ul.nav.navbar-nav.navbar-right {
    font-size: 13px;
    border-radius: 8px;
    background-color: #92A0A8;
    color: #ffffff;
    font-weight: bold;
    margin-right: initial;
}


.navbar-gray{
  padding-top: 10px;
  width: auto;
  margin-left: -50%;
  float: right;
}
.navbar-gray a:link,
.navbar-gray a:visited {
  color: #fff;
}
.navbar-gray a:hover {
  color: #536D7A;
}

li.navbar-divider {
  height: 30px;
  margin-top: 4px;
  border-left: 1px solid #fff;
}

li.navbar-right-divider {
  height: 20px;
  margin-top: 8px;
  border-left: 1px solid #fff;
  margin-left: 1px;
  display: inline-block;
}

.row-navbar {
  display: none;
}

button.navbar-toggle {
  float: left;
  margin: 29% 20%;
  color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
  width: 30px;
  height: 3px;
  border-radius: 3px;
}
.navbar-default .navbar-toggle {
  border-color: transparent;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:active{
  border-color: rgba(255, 255, 255, .5);
  background: none;
}

img.navbar-meblogo-img {
  max-height: 10vh;
}

.navbar-header {
  display: flex;
  align-items: center;
}

.navbar-right-popup {
  display: none;
}

div.navbar-left div.dropdown-menu.dropdown-Normativa{
  left: 100px;
}

div.navbar-left div.dropdown-menu.dropdown-Giurisprudenza{
  left: 247px;
}

div.navbar-left div.dropdown-menu.dropdown-Prassi{
  left: 427px;
}

@media (max-width: 1200px) {

  .size-compact-nav:hover{
      color:#36AB69;
  }

   /*Menu - Ricerca - box di help*/
  .nav-pop {
    position: absolute;
    right: 0;
    top: 40px;
  }

  /*Popuop */
  /* Popup container - can be anything you want */
  .nav-pop-detail {
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
  }

  /* The actual popup */
  .nav-pop-detail .popuptext {
      display: none;
      width: 200px;
      height: auto;
      background-color: #37454d;
      text-align: left;
      border-radius: 6px;
      padding: 10px 0;
      z-index: 1;
  }

  /* Popup arrow */
  .nav-pop-detail .popuptext::after {
    content: "";
    position: absolute;
    top: -15px;
    right: 20px;
    margin-left: 0px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #37454d transparent;
  }

  .popup-nav{
    list-style: none;
    color: #fff;
    padding-left: 15px;

  }

  a.color-popup-nav>span{
    color:#fff!important;
    text-decoration: none;
  }

  a.color-popup-nav>span:hover{
    color:#aaa!important;
    text-decoration: none;
  }

  /* Toggle this class - hide and show the popup */
  .nav-pop-detail .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  .nav.navbar-nav.navbar-right {
    display: none;
  }

  .size-compact-nav{
    float: right;
    padding: 10px;
    display: block;
    background-color: #ADB6BB;
    border-radius: 1em;
    color:#fff;
    font-weight: bold;
    cursor: pointer;
    position: relative;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px){

  .navbar>.container-fluid {
    padding: 0;
  }
  #navbar {
    width: 100vw;
    height: 88vh;
    overflow-y: auto !important;
    padding: 0;
    margin: 0;
  }
  .navbar-left {
    margin-right: 0;
    padding-top: 0;
  }
  .navbar-nav {
    margin: 0;
  }
  .navbar-left>ul.nav.navbar-nav>li {
    margin-right: 0;
    text-align: left;
    border: 0;
    border-bottom: 1px solid #fff;
  }
  .navbar-left>ul.nav.navbar-nav>li:first-child,
  .navbar-left>ul.nav.navbar-nav>li.navbar-divider,
  .navbar-right>li.navbar-right-divider  {
    display: none;
  }
  .navbar-nav>li>a.link-span,
  .navbar-right>li>a.link-span {
    padding: 20px 15px;
  }
  .navbar-nav>li>a.link-span>span {
    border: none;
  }

  .navbar-gray {
    padding-top: 0;
    width: 100%;
    margin-left: 0;
    float: left;
  }
  ul.nav.navbar-nav.navbar-right{
    border-radius: 0;
    text-align: center;
  }
  ul.nav.navbar-nav.navbar-right>li {
    border-bottom: 1px solid;
  }

  .navbar-nav.left-menu-nav a {
    position: relative;
  }
  .navbar-nav.left-menu-nav>li>a>.droparrow,
  .navbar-nav.left-menu-nav>li>.dropdown-menu>ul>li .droparrow  {
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    padding: 23px;
  }
  .navbar-nav.left-menu-nav>li>.dropdown-menu>ul>li .droparrow {
    padding: 15px 23px;
  }
  .navbar-nav.left-menu-nav>li>a>.droparrow::after,
  .navbar-nav.left-menu-nav>li>.dropdown-menu>ul>li .droparrow::after {
    content: '\25bc';
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    transition: .3s;
    border: 1px solid transparent;
  }
  .navbar-nav.left-menu-nav>li>a>.droparrow::after {
    border: 1px solid #fff;
    border-radius: 50%;
  }
  .navbar-nav.left-menu-nav>li.toggled>a>.droparrow::after,
  .navbar-nav.left-menu-nav>li>.dropdown-menu ul>li.toggled>a>.droparrow::after {
    transform: rotate(180deg);
  }
  .navbar-nav.left-menu-nav .dropdown-menu-mobile {
    display: none;
  }
  .navbar-nav.left-menu-nav>li>.dropdown-menu {
    position: relative;
    float: none;
    z-index: inherit;
    box-shadow: none;
    border-radius: 0;
    border: none;
    background: #81A5B6;
    padding: 0;
  }
  .navbar-nav.left-menu-nav>li>.dropdown-menu ul {
    list-style: none;
    padding-left: 0;
  }
  .navbar-nav.left-menu-nav>li>.dropdown-menu li>a {
    display: block;
    padding: 20px 30px;
    border-top: 1px solid #fff;
  }
  .navbar-nav.left-menu-nav>li>.dropdown-menu li>a.dropdown-mobile {
    padding-right: 60px;
  }
  .navbar-nav.left-menu-nav>li>.dropdown-menu>ul>li>a.dropdown-mobile {
    font-family: 'EbrimaBd';
  }
  .navbar-nav.left-menu-nav>li>.dropdown-menu ul ul ul>li>a {
    padding-left: 45px;
  }
}

@media (min-width: 768px) {

  .navbar.navbar-default {
    border-radius: 0px;
  }

  /*Hover Dropdown*/

  .dropdown:hover + .dropdown-menu {
    display: block;
  }

  .navbar-left .dropdown-menu {
    border-radius: 0;
    background-color: #536D7A;
    border: 1px solid #fff;
    padding: 15px 20px;
    min-height: 230px;
    top: 58px;
    width: auto;
  }
  .navbar-left .dropdown-menu:hover {
    display: block;
  }
  .navbar-left .dropdown-menu li {
    color: #fff;
    list-style: none;
    line-height: 1.2;
    padding: .2em 0;
  }

  .navbar-left .dropdown-menu>ul {
    padding: 0;
    font-size: 16px;
  }
  .navbar-left .dropdown-menu>ul>li>ul{
    font-size: 15px;
  }
  .navbar-left .dropdown-menu>ul>li>ul>li>ul{
    font-size: 14px;
  }
  .navbar-left .dropdown-menu>ul ul{
    margin-top: 8px;
    padding-left: 15px;
    box-sizing: border-box;
  }
  .navbar-left .dropdown-menu.dropdown-Giurisprudenza {
    left: 293px;
  }
  .navbar-left .dropdown-menu.dropdown-Normativa {
    left: 281px;
  }
  .navbar-left .dropdown-menu.dropdown-Documentazione {
    left: 101px;
  }

  .navbar-left .dropdown-menu.dropdown-Prassi {
    left: 472px;
  }

}

@media screen and (max-width:767px){
  div.navbar-left div.dropdown-menu.dropdown-Normativa{
    left: 0;
  }

  div.navbar-left div.dropdown-menu.dropdown-Giurisprudenza{
    left: 0;
  }

  div.navbar-left div.dropdown-menu.dropdown-Prassi{
    left: 0;
  }
}