body {min-height: 0;}

.navbar {
    background: white;
    padding: 0;
    min-height: 45px;
    height: inherit!important;
    width: 100%;
    /*border: 0;*/
    box-shadow: none;
    margin-bottom: 0px;
}
header .navbar {box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);}

/*.navbar [class*="col-"] input {width:100%!important; }*/
/*.navbar [class*="col-"] button {display: inline-block;}*/

.navbar button .fa {margin-right: 3px;}




.brand li {float: left; list-style-type: none;}
.brand {margin-bottom: 0; padding-left: 0; margin-left: -20px;}
/* ======================================
            tooltip
========================================*/

/**
 * HINT- A CSS tooltip library
 */

.hint {
    position: relative;
    display: block;
}
/* {display: block;} */


.hint:before, .hint:after
{
    position: absolute;
    opacity: 0;
    z-index: 1000000;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    pointer-events: none;
}


.hint:hover:before, .hint:hover:after {
    opacity: 1;
}

.hint:before {
    content: '';
    position: absolute;
    background: transparent;
    border: 6px solid transparent;
    position: absolute;
}

.hint:after {
    content: attr(data-hint);
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 8px 10px;
    font-size: 12px;
    white-space: nowrap;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
}


/* top */

.hint--top:before {
    bottom: 100%;
    left: 50%;
    margin: 0 0 -18px 0;
    border-top-color: rgba(0, 0, 0, 0.8);
}

.hint--top:after {
    bottom: 100%;
    left: 50%;
    margin: 0 0 -6px -10px;
}

.hint--top:hover:before {
    margin-bottom: -10px;
}

.hint--top:hover:after {
    margin-bottom: 2px;
}

/* default: bottom */

.hint--bottom:before {
    top: 100%;
    left: 50%;
    margin: -14px 0 0 0;
    border-bottom-color: rgba(0, 0, 0, 0.8);
}

.hint--bottom:after {
    top: 100%;
    left: 50%;
    margin: -2px 0 0 -10px;
}

.hint--bottom:hover:before {
    margin-top: -6px;
}

.hint--bottom:hover:after {
    margin-top: 6px;
}

/* right */

.hint--right:before {
    left: 100%;
    bottom: 50%;
    margin: 0 0 -4px -8px;
    border-right-color: rgba(0,0,0,0.8);
}

.hint--right:after {
    left: 100%;
    bottom: 50%;
    margin: 0 0 -13px 4px;
}

.hint--right:hover:before {
    margin: 0 0 -4px -0;
}

.hint--right:hover:after {
    margin: 0 0 -13px 12px;
}

/* left */

.hint--left:before {
    right: 100%;
    bottom: 50%;
    margin: 0 -8px -4px 0;
    border-left-color: rgba(0,0,0,0.8);
}

.hint--left:after {
    right: 100%;
    bottom: 50%;
    margin: 0 4px -13px 0;
}

.hint--left:hover:before {
    margin: 0 0 -4px 0;
}

.hint--left:hover:after {
    margin: 0 12px -13px 0;
}


body {
    font-family: "Lato", sans-serif;
}


/* =========================================================================
                                 leaflet
============================================================================ */
[class*="leaflet-"] {z-index:0;}
.panstate {z-index:1;}


/* =======================================================
                    auth
 =======================================================*/
.dropdown.notifications {display: none;}
/*bootstrap override*/
.navbar-form {
    padding: 5px 5px;
    margin: 0px 0;
    border:none;
    -webkit-box-shadow: none;
    box-shadow: none;
    /*-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1); */
    /*box-shadow: inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1); */
}



/*.user .form-group {    margin-top: -6px; }*/
.navbar-nav li {    margin-bottom: 0;}
li.form-group {display: inline-block;}
.navbar .container-fluid.main-nav .nav-collapse .nav > li > a span {
    width: inherit;
    height: inherit;
    padding: 5px 0;
}


.user p:nth-child(4) {
    font-size: 0.8em;
    letter-spacing: -0.02em;
}
.user {
    margin-top:2px;
    /* min-width:100%; */
    list-style:none;
}
.user img {    float: left;     margin-left: -60px;      position: absolute;}
.user p {
    /* margin: 9px 0; */
    /* padding: 0; */
    line-height: 1;
    float: right;
    /* width: 200px; */
    display: compact;
    /* position: absolute; */
    /* padding: 0; */
}

.dropdown-menu {left: inherit; right: 0;}
.auth .dropdown-menu {
    max-height:400px;
    overflow:hidden;
    overflow-y:auto;
}





/* ===========================================
        Stili per la mappa
=========================================== */
.map-container-main {
    /*left: 0;*/
    /*position: absolute;*/
    /*border: 3px solid #ff5900;*/
    /*width: 100%;*/
    /*height: 400px;*/
}

.gmnoprint, .gm-style-cc {    display: none; }



/*.widget-container {    margin-bottom: 10px;}*/




/*spinner loading*/
.over {
    width:100%;
    height: 100%;
    position: absolute;
    top:0; left: 0; right:0;
    margin: auto;
    padding: 10px;
    line-height: 1;
    text-align: center;
    z-index: 9999;
}

.over {

    -webkit-transition: background .25s linear;
    -moz-transition: background .25s linear;
    -ms-transition: background .25s linear;
    -o-transition: background .25s linear;
    transition: background .25s linear;
    background: rgba(255,255,255,0.75);

}


/*[class*="hidden-"] {display: inline!important;}*/
.btn-group > .btn, .btn,
.btn-group > span {padding: 6px 10px;}

.navbar-form .form-control {width: 100%;}


/*=========================
  Navbar header
 ================= */

.navbar-header {
    display: flex;
}

.navbar-header h4 {padding: 4px 5px; margin:4px 10px;}
.navbar-header  {
    margin: 0;
    /*position:absolute; */
}
/*.navbar-header i {color: trasparent;}*/
.navbar-header .fa-circle {    color: #333; }

/*=========================
  Footer
 ================= */

#footer, #footer .links a {display: none;}
/*background: #242424;*/
/*margin: 0;*/
/*padding-bottom: 20px;*/
/*margin-top: 50px;*/



#footer .row .align-center { margin-bottom: 20px;}
#footer .copyright {
    text-align: center;
}

/* footer social icons */
ul.social-network {
    list-style: none;
    display: inline;
    margin-left:0 !important;
    padding: 0;

}
ul.social-network li {
    display: inline;
    margin: 0 5px;
}

/* footer menu */
ul.footer-menu {
    list-style: none;
    display: inline;
    margin-left:0 !important;
    padding: 0;
}
ul.footer-menu li {
    display: inline;
    margin: 0 5px;
}

a.scrollup{
    height:32px;
    width:32px;
    color:#fff;
    font-size:18px;
    line-height:32px;
    text-align:center;
    text-decoration:none;
    position:fixed;
    bottom:10px;
    right:10px;
    z-index:9999;
    opacity:0.5;
}
a.scrollup:hover{
    opacity:1;
    color:#fff;
}



/*===========================
  --- Template Components ----
=========================== */

/* footer social icons */
.social-network a.icoRss:hover {background-color: #F56505;}
.social-network a.icoFacebook:hover {background-color:#3B5998;}
.social-network a.icoTwitter:hover {background-color:#33ccff;}
.social-network a.icoGoogle:hover {background-color:#BD3518;}
.social-network a.icoVimeo:hover {background-color:#0590B8;}
.social-network a.icoLinkedin:hover {background-color:#007bb7;}
.social-network a.icoRss:hover i,
.social-network a.icoFacebook:hover i,
.social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i,
.social-network a.icoVimeo:hover i,
.social-network a.icoLinkedin:hover i {    color:#fff; }
a.socialIcon:hover, .socialHoverClass {    color:#44BCDD;}

.social-circle li a {    background: #35A49C;}

.social-circle li a {
    display:inline-block;
    position:relative;
    margin:0 auto 0 auto;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    text-align:center;
    width: 50px;
    height: 50px;
    font-size:20px;
}
.social-circle li i {
    margin:0;
    line-height:50px;
    text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}
.social-circle i {
    color: #fff;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}

/*===========================
  --- START Footer ability ----
=========================== */



/*===========================
  --- END Footer ability ----
=========================== */



@media (min-width: 1200px ) {
    /*[class*="col-"], [class*="col-"] {padding:5px;}*/

}
@media (max-width: 1200px ) {
    [class*="col-"], [class*="col-"] {margin: 0;}
}
@media (max-width:768px ) {
    .navbar .container-fluid.top-bar .navbar-toggle {
        display: none;
    }
    .navbar .container-fluid.main-nav {
        overflow-y: visible;

    }

    [class*="col-xs"], [class*="col-sm"] { padding: 0 5px; margin-bottom: 0px;}

    .navbar .btn-group > .btn { }

    .auth {      margin:0;    }
    .auth > .nav  { margin:0;}
    .auth input {font-size:0.9em; padding:5px; line-height:1em; height:2em; max-width:100px;}
    .auth .login_responsive {padding:0;}

    .user {margin-left:-50px;}

}


@media (max-width: 480px) {
    .navbar .container-fluid.top-bar .nav.auth {    }
    .navbar .nav.auth img {display:none;}
    .user {text-align:center;}
    .user p {
        margin:auto;
        line-height:inherit;
        width:100%;


    }





}