@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600&display=swap");
:root {
--bs-primary: #019FE8;
--bs-primary-rgb: 1,159,232;
}
.btn-primary {
	--bs-btn-bg: #019FE8;
	--bs-btn-border-color: transparent;
}
body {
    font-family: "Nunito", sans-serif;
    font-size: .9rem;
    background-color: #eff3f6;
}
main {
    padding-top: 30px;
}
.text-dark {
    color: rgba(10,24,50) !important;
}
.smallheader {
    font-size: 55%;
    font-weight: normal;
}
.filtradate {
	min-width: 83px;
	padding-top: 9px;
}
.cardtop {
    padding-top: 5px;
}
.countdown {
	height: 100vh;
	justify-content: center;
	align-items: center;
	background: #fff;
	font-size: 1.35rem;
	display: none;
}
.card-header.maptitle {
    padding: 0.125rem 0.05rem 0.7rem;
}
.card-header.book-card {
    display: inline-flex;
    padding-left:20px !important;
}
footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
}
.modal-footer {
	display: initial;
}
.info-footer {
	border: none;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	margin-bottom: -5px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	color: #0a1832;
	font-weight: 600;
}
.preferito {
    color: #3c3c3b;
}
#ttbody {
    background-color: transparent;
}
.toggle-table{
    background-color: white;
}
#tb_stazioni {
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
    margin-bottom: 120px;
}
.start_bk {
	margin: 20px auto;
	width: 155px;
}
.material-symbols--play-circle {
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m9.5 16.5l7-4.5l-7-4.5zM12 22q-2.075 0-3.9-.788t-3.175-2.137q-1.35-1.35-2.137-3.175T2 12q0-2.075.788-3.9t2.137-3.175q1.35-1.35 3.175-2.137T12 2q2.075 0 3.9.788t3.175 2.137q1.35 1.35 2.138 3.175T22 12q0 2.075-.788 3.9t-2.137 3.175q-1.35 1.35-3.175 2.138T12 22'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.tdesign--lock-time {
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5.5 7.5a6.5 6.5 0 0 1 13 0V9h2v2.5h-2V11h-13v9h6v2h-8V9h2zm2 1.5h9V7.5a4.5 4.5 0 1 0-9 0zm11 6a3.5 3.5 0 1 0 0 7a3.5 3.5 0 0 0 0-7M13 18.5a5.5 5.5 0 1 1 11 0a5.5 5.5 0 0 1-11 0m-4-4h2.5v2H9zm10.5 1.752v1.834l1.414 1.414l-1.414 1.414l-2-2v-2.662z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.mdi--heart {
  display: inline-block;
  width: 20px;
  height: 20px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m12 21.35l-1.45-1.32C5.4 15.36 2 12.27 2 8.5C2 5.41 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.08C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.41 22 8.5c0 3.77-3.4 6.86-8.55 11.53z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.mdi--heart-outline {
  display: inline-block;
  width: 20px;
  height: 20px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m12.1 18.55l-.1.1l-.11-.1C7.14 14.24 4 11.39 4 8.5C4 6.5 5.5 5 7.5 5c1.54 0 3.04 1 3.57 2.36h1.86C13.46 6 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5c0 2.89-3.14 5.74-7.9 10.05M16.5 3c-1.74 0-3.41.81-4.5 2.08C10.91 3.81 9.24 3 7.5 3C4.42 3 2 5.41 2 8.5c0 3.77 3.4 6.86 8.55 11.53L12 21.35l1.45-1.32C18.6 15.36 22 12.27 22 8.5C22 5.41 19.58 3 16.5 3'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.mdi--calendar-blank {
  display: inline-block;
  width: 20px;
  height: 20px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 19H5V8h14m-3-7v2H8V1H6v2H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-1V1'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.mdi--flash {
  display: inline-block;
  width: 20px;
  height: 20px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 2v11h3v9l7-12h-4l4-8z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.mdi--clock {
  display: inline-block;
  width: 20px;
  height: 20px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m4.2 14.2L11 13V7h1.5v5.2l4.5 2.7z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.et--clock {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-bottom: -6px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg fill='%23000'%3E%3Cpath d='M16 32c8.822 0 16-7.178 16-16S24.822 0 16 0S0 7.178 0 16s7.178 16 16 16m0-31c8.271 0 15 6.729 15 15s-6.729 15-15 15S1 24.271 1 16S7.729 1 16 1'/%3E%3Cpath d='M20.061 21.768a.498.498 0 0 0 .708 0a.5.5 0 0 0 0-.707L16 16.293V9.319a.5.5 0 0 0-1 0V16.5c0 .133.053.26.146.354z'/%3E%3Ccircle cx='4' cy='16' r='1'/%3E%3Ccircle cx='28' cy='16' r='1'/%3E%3Ccircle cx='16' cy='4' r='1'/%3E%3Ccircle cx='16' cy='28' r='1'/%3E%3Ccircle cx='8' cy='8' r='1'/%3E%3Ccircle cx='24' cy='24' r='1'/%3E%3Ccircle cx='25' cy='8' r='1'/%3E%3Ccircle cx='8' cy='24' r='1'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.bi--ev-station-fill {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-bottom: -6px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='%23000' d='M1 2a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v8a2 2 0 0 1 2 2v.5a.5.5 0 0 0 1 0V9c0-.258-.104-.377-.357-.635l-.007-.008C13.379 8.096 13 7.71 13 7V4a.5.5 0 0 1 .146-.354l.5-.5a.5.5 0 0 1 .708 0l.5.5A.5.5 0 0 1 15 4v8.5a1.5 1.5 0 1 1-3 0V12a1 1 0 0 0-1-1v4h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1zm2 .5v5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0-.5.5m2.631 9.96H4.14v-.893h1.403v-.505H4.14v-.855h1.49v-.54H3.485V13h2.146zm1.316.54h.794l1.106-3.333h-.733l-.74 2.615h-.031l-.747-2.615h-.764z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.fa6-solid--user {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-bottom: -6px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='%23000' d='M224 256a128 128 0 1 0 0-256a128 128 0 1 0 0 256m-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512h388.6c16.4 0 29.7-13.3 29.7-29.7c0-98.5-79.8-178.3-178.3-178.3z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.fa-solid--clipboard-list {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-bottom: -6px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='%23000' d='M336 64h-80c0-35.3-28.7-64-64-64s-64 28.7-64 64H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48M96 424c-13.3 0-24-10.7-24-24s10.7-24 24-24s24 10.7 24 24s-10.7 24-24 24m0-96c-13.3 0-24-10.7-24-24s10.7-24 24-24s24 10.7 24 24s-10.7 24-24 24m0-96c-13.3 0-24-10.7-24-24s10.7-24 24-24s24 10.7 24 24s-10.7 24-24 24m96-192c13.3 0 24 10.7 24 24s-10.7 24-24 24s-24-10.7-24-24s10.7-24 24-24m128 368c0 4.4-3.6 8-8 8H168c-4.4 0-8-3.6-8-8v-16c0-4.4 3.6-8 8-8h144c4.4 0 8 3.6 8 8zm0-96c0 4.4-3.6 8-8 8H168c-4.4 0-8-3.6-8-8v-16c0-4.4 3.6-8 8-8h144c4.4 0 8 3.6 8 8zm0-96c0 4.4-3.6 8-8 8H168c-4.4 0-8-3.6-8-8v-16c0-4.4 3.6-8 8-8h144c4.4 0 8 3.6 8 8z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.mdi--heart,
.mdi--heart-outline,
.mdi--calendar-blank, 
.mdi--flash,
.mdi--clock {
    color: #0f9cf3;
    margin-right: 7px;
    cursor: pointer;
    margin-top: 4px;
    vertical-align: bottom;
}



.card-header {
    background-color: #fff;
    border-bottom: none;
}

.card {
    border: 1px solid #0f9cf3;
}

.cp-available {
    height: auto;
    background: transparent;
    border: 3px;
}

.table> :not(caption)>*>* {
    padding: 0;
}

.mobile {
    display: block;
}

h1 {
    font-family: 'Nunito', sans-serif;
    line-height: 33px;
    margin-bottom: 20px;
}
.container-fluid,
.tab-content,
#div1 {
    padding: 0 !important;
}

.card-header {
    padding: .625rem 0.25rem;
}

#xsessioni {
    padding: 0;
}

#xsessioni #ttbody td {
    padding-left: 10px;
}

#pstatus {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    font-size: 25px;
}
.mb-120 {
    margin-bottom: 120px !important;
}
a {
    text-decoration: none;
}
.nav {
	--bs-nav-link-padding-x: 0.7rem;
	--bs-nav-link-padding-y: 0.5rem;
	--bs-nav-link-font-weight: ;
	--bs-nav-link-color: var(--bs-link-color);
	--bs-nav-link-hover-color: var(--bs-link-hover-color);
	--bs-nav-link-disabled-color: var(--bs-secondary-color);
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.tdb, .bookcard {
   cursor:pointer;
}
.td-icon {
	text-align: center;
	vertical-align: middle;
	padding-right: 5px;
}
.smallbtn {
    --bs-btn-padding-y: .25rem;
    --bs-btn-padding-x: .5rem; 
    --bs-btn-font-size: .75rem;
}
.custom-accordion .card-header {
	border-radius: 7px;
}
.tb-sessione {
    width:100%; margin-bottom:10px; border:1px solid #019fe8 !important;
}
.toggle-table {
    cursor: pointer;
}
button#bt {
	margin-top: 180px !important;
}
.tempo {
    font-size: 20px;
    width: 160px;
    text-align:center;
}
.notte {
    width: 150px;
    margin-top: 20px;
}
 .card {
  border: 1px solid #ced4da;
  border-radius: 0.55rem !important;
 }
 .card-header {
    background-color: #fff;
 }
 .maincard {
    background-color: #eff3f6;
 }
 .connector {
  border-radius: 0.4rem !important;
  padding-top: 3px;
 }
.connector.connector-medium {
	color: #fbfbfb;
	height: 30px;
	width: 30px;
	border: none !important;
}
.connector.connector-available {
	background-color: green;
}
.connector.connector-in_use {
	background-color: rgba(5,60,100);
}
.connector.connector-unavailable, 
.connector.connector-failure, 
.connector.connector-faulted {
	background-color: #dc3545;
}
.connector.connector-suspended,
.connector.connector-suspendedev,
.connector.connector-suspendedevse,
.connector.connector-finishing {
	background-color: #C9F;
 font-weight: 600;
 color: #000;
}
.cp-available {
	height: 30px;
	background-color: green;
	padding: 2.7px 2.5px;
	width: 30px;
	font-size: 19px;
	color: white;
	&:hover {
        background-color: orange;
        color: white;
	}
}
.btn.btn-xs.cp-available.bt-prenota {
	background-color: #c0c0c0;
}
.icx {
    margin-top: 2px;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(4,50,255, 0.2);
  border-right: 1.1em solid rgba(4,50,255, 0.2);
  border-bottom: 1.1em solid rgba(4,50,255, 0.2);
  border-left: 1.1em solid #0432ff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* 
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  animation-name: slideInUp;
}
@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  animation-name: slideOutDown;
}
 */
@media screen and (max-width:767px) {
    .maincard{
        margin-top:30px
    }
}
/* 
.gg-chevron-left {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    width: 22px;
    height: 22px;
    border: 2px solid transparent;
    border-radius: 100px;
    color: black;
}
.gg-chevron-left::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 20px;
    height: 20px;
    border-bottom: 4px solid;
    border-left: 4px solid;
    transform: rotate(45deg);
    left: 6px;
    top: 4px
}
 */
    nav {
         background-color: #3c3c3b;
    }
    .nav-link {
        text-align: center;
        padding: 0;
        color: #0f9cf3;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
        &:hover {
        border: none;
        }
    }
    .nav-link.active {
        border: none;
        font-weight: bold;
    }
    .nav-tabs-custom {
	    border-color: #fff;
	    font-size: 12px;
    }
    footer {
         background-color: #fff;
         border-top: 1px solid #ccc;
         z-index: 100;
    }
    .container {
        max-width: 600px;
    }
    main > .container {
      padding: 60px 15px 0;
    }


#divinstall {
	position: fixed;
	bottom: 90px;
	left: 0px;
	width: 100%;
}

.connector.connector-medium img {
    max-height: 20px;
    margin: 7px 5px;
    display: table;
}

.connector.connector-medium {
    height: 30px;
}

.gomap {
    cursor: pointer;
}

.tdnomestaz {
    width: 30%;
}

.tdstatoconn {
    width: 70%;
}

th.thx {
    font-weight: bold;
}

.ch_status-in_use,
.ch_status-suspended {
    font-size: 15px;
}

.ch_status-in_use {
    background-color: #019fe8;
    color: white;
}
.ch_status-suspended {
    background-color: #C9F;
    color: white;
}

#pstatus {
    border-radius: 5px; margin:0 12px;
}
.sock {
    max-height: 23px;
    opacity: 0.8;
}

.table-responsive,
.table-responsive[data-pattern="priority-columns"] {
    border-radius: 0;
    border: none;
    margin-bottom: 20px;
}

.datepicker {
    z-index: 1999 !important;
}

#pac {
    width: 50% !important;
}

@media screen and (min-width:1200px) {
    .container {
        max-width: 600px;
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (min-width:767px) {
main {
    padding-top: 10px;
}
    #xsessioni {
        width: 452px;
        padding: 0;
    }

    #page-topbar {
        width: 480px;
        margin: 0 auto;
        box-shadow: 1px 0 20px rgba(0, 0, 0, 0);
        background-color: #3c3c3b;
    }

}

@media screen and (max-width:767px) {
main {
    padding-top: 10px;
}
    .tdnomestaz {
        width: 60%;
        font-size: 19px;
        font-weight: 700;
    }

    .mobile {
        display: none !important;
    }

    .tdstatoconn {
        width: 40%;
    }

    #page-title,
    .map-header,
    .td-id {
        display: none;
    }

    .page-content {
        padding: 50px 0 20px;
    }

    #pac {
        width: 100% !important;
        margin-top: 20px;
    }


    #filtradiv {
        margin-top: 30px;
    }
}

.navbar-brand-box {
    width: auto;
}