.navbar-custom {
	background-color: #FFF;
}

#content {
    background-color: #aad3df;
}

.sidebar {
	width: 50% !important;
	overflow: visible;
    box-shadow: 0 1px 5px rgba(0,0,0,0.65);
}

.sidebar-brand {
    color: #FFF!important;
	background-color: #006CA3;
    border-bottom: #343a40 solid 0.1px;
}

.sidebar .nav-item li {
	display: table;
}

.sidebar .nav-item .nav-link a {

    display:table-cell;
    vertical-align:middle;

}

.sidebar .nav-link {
    font-size:12px;
    text-align: center;
    width: 100px;
    height: 100px;
    color: #FFF;
    background-color: #006CA3;
    border-bottom: #343a40 solid 0.5px;
    border-radius: 0px;
}

.sidebar .nav-item .nav-link {
    text-align: center;
    padding: 0.75rem 1rem;
    width: 6.5rem;
    height: 6.5rem;
    color: #FFF;
    background-color: #006CA3;
    display:table-cell;
    vertical-align:middle;
}

.sidebar .nav-item .nav-link:hover {

    background-color: #00b3dc;
}

.sidebar-dark .nav-item.active .nav-link {
    color: #000!important;
    background-color: #FFF;
    border-right: none;
}

.sidebar .nav-item .nav-link i {
    margin-right: 0;
    color: #FFF;
}

.sidebar .nav-item .nav-link span {
    font-size: 0.65rem;
    display: block;
}

.sidebar-dark .nav-item.active .nav-link {
    color: #000!important;
}

.sidebar-dark .nav-item.active .nav-link i {
    color: #000;
}

#sidebarToggle {
	cursor:pointer;
}

#custom-leaflet-controls {
    color: #333;
    background: #fff;
}



.nav-icon {

    max-width: 100px;
    padding : 0px;
    height: calc(100vh - 150px);
    background-color: #006CA3;
}

.nav-icon a {
    display: flex;
    height: 120px;
justify-content: center;
  align-items: center;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #006CA3;
    background-color: #fff;
}

.nav-link i {
    margin-right: 0;
}

.tab-content {
    padding: 0.75rem 0.75rem 0 0;
}

.leaflet-pane {
    z-index: 1!important;
}

.dropdown-menu .show {box-shadow: 0 1px 5px rgba(0,0,0,0.4);}

.leaflet-control-layers-expanded {
    padding: 6px 10px 6px 6px;
    color: #333;
    background: #fff;
}
.leaflet-control-layers {
    background: #fff;
    border-radius: 5px;
    box-shadow: none;
}

.btn-group {
    background-color: #fff!important;
}

.btn-group-vertical {
    box-shadow: 0 1px 5px rgba(0,0,0,0.65);
    
}

#accordionSidebar {
    box-shadow: 0 1px 5px rgba(0,0,0,0.65);
    z-index: 1;
}

.dropdown-menu.show {
    box-shadow: 0 1px 5px rgba(0,0,0,0.65);
    z-index: 1;
    border-radius: 5px 0px 0px 5px;
}

.navbar-mappa {
    background-color: #fff;
}

.list-group-mappa {
    display: block;
    padding: 5px;
}

body {
    font-family: 'Open Sans', sans-serif;
    height: calc( 100vh - 300px )!important;
}

.card {
    border-radius: 0!important;
    border: 1px solid #006CA3;
    border-bottom: none!important;
}

.card:last-child {

    border-bottom: 1px solid #006CA3!important;
}

.card-footer {
    background-color: #fff!important;
    border-top: none!important;
}

.card-header {
    border-radius: 0!important;
    background-color: #006CA3;
    color: white;
}



.card-hours-mappa {
    background-color: #00B3DC;
    color: white;
}

.card-hours-mappa button {
    color: white;
}

.mappa-footer {
    background-color: #000;
    text-align: center; 
    font-size: 12px;
    color:white;
} 

.mappa-footer a {
    color: white;
}

a {
    color:#707070 ;
}

.btn-link-mappa:hover {
    color: #fff;
    text-decoration: none;
}

.mappa-table tr td {padding:10px;nargin:10px;}

.card-body {
    padding-bottom: 0px!important;
}

.card-body strong {
    color:#006CA3 ;
}

.leaflet-routing-container {
    margin-right: 0px!important;
    margin-top: 0px!important;

    padding: 0px!important;
    width: 100%!important;
}

.leaflet-bar {
    box-shadow: none!important;
    border-radius: 0px!important;
    width:100%!important;
}

.leaflet-routing-alternatives-container {

}

.leaflet-routing-alt {
    
    max-height: 100vh!important;
    padding:0px!important;
    font-family: 'Open Sans', sans-serif!important;
    background-color: #006ca3!important;
    margin: 0px!important;
}

.leaflet-routing-container h2 {
    color: white!important;
    font-family: 'Open Sans', sans-serif!important;
    font-size: 16px!important;
    text-align: center;
    padding:10px!important;
}

.leaflet-routing-container h3 {
    color: white!important;
    font-family: 'Open Sans', sans-serif!important;
    font-size: 14px!important;
    text-align: center;
}

.leaflet-routing-alt table tr td {
    padding: 10px!important;
    margin: 0px!important;
}

.leaflet-routing-alt table tr {
    border-bottom: 1px solid #B8DBD6!important;
    width: 100%!important;
}

.leaflet-routing-alt table tr:nth-child(even) {
    background-color: #F9F9F9!important;
}

.leaflet-routing-alt table tr:nth-child(odd) {
    background-color: white!important;
}

.leaflet-routing-geocoders input {
    padding: 10px!important;
}

.leaflet-routing-remove-waypoint:after {
    right:20px!important;
}

.leaflet-routing-alt table {
    width: 100%;
}

.mappa_footer_image {
    
}

.leaflet-control-geocoder-form {
display: block!important;
    width: 100%!important;
    height: calc(1.6em + 0.75rem + 2px)!important;
    padding: 0.375rem 0.75rem!important;
    font-size: 0.9rem!important;
    font-weight: 400!important;
    line-height: 1.6!important;
    color: #495057!important;
    background-color: #fff!important;
    background-clip: padding-box!important;
    border: 1px solid #ced4da!important;
    border-radius: 0.25rem!important;
    -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out!important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out!important;
}

.leaflet-control-geocoder-form  input {
    width: 100%!important;
}

.leaflet-control-geocoder-icon {
    color: #fff;
        background-color: #007bff;
        border-color: #007bff;
        display: none!important;
}

.leaflet-control-layers-base label {
    margin-bottom:0!important;
}

.mappa-nav-tabs {
    width:100% ;
    background-color: #00B3DC;
}

.mappa-nav-tabs li {
    width: 30%;
    text-align: center;
}

.mappa-nav-tabs li a {
    color: white;
    

}

.mappa-nav-tabs .active {
    background-color: #FFF;
}

.mappa-nav-tabs>.active a {
    color: black;
}

.sidebar .nav-item:last-child {
    margin-bottom: 0!important;
}

.nav-tabs .nav-link.active {
    background-color: white;
}

.nav-tabs a {
    display: flex;
        justify-content: center;
    align-items: center;
}

#nav-tab-mappa .nav-item.active {
    background-color: white;
}

#nav-tab-mappa .nav-item {
    background-color: #00B3DC;
}

.leaflet-control-search .search-button {
    display: none;
}