.body{
	font-family: 'open_sansregular' !important;
}

.auth-page .auth-left-wrapper {
    width: 100%;
    height: 100%;
	background-image: url(../images/login_219x452.png);
	background-size: cover;
	
}

.has-error .form-control {
	border-color: #F07B73;
	
}

.menu table td{
	border-top:none;
}

.menu .sidebar .sidebar-body .nav{
	padding-top: 0px;
}

.menu .sidebar .sidebar-body .nav .nav-item .link-title {
	margin-left: 15px;
}

#serviceProvider .select2-container {
	padding-left:10px;
	padding-right:10px;
}
.noble-ui-logo{
  color:#009cde;
  font-family: 'open_sansbold';
}

.noble-ui-logo:hover{
  color:#009cde;
}

.form-control, select, .email-compose-fields .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single .select2-search__field, .typeahead, .tt-query, .tt-hint{
	border-radius: 15px;
	font-family: 'open_sansregular';

}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 15px;
}

h4{
	font-family: 'open_sanslight';
}

h5{
	font-family: 'open_sanslight';
	color:#009cde;
}

h5 .text-muted{
	color:#009cde !important;
}

sidebar-dark .sidebar .sidebar-header .sidebar-brand{
	font-family: 'open_sansbold';
}

.sidebar .sidebar-header .sidebar-brand span{
	font-family: 'open_sansbold';
	color:#009cde;
}

/* fontawesome logo*/

.sidebar .sidebar-header .sidebar-brand .fa-stack { font-size: 0.5em !important;  }
.sidebar .sidebar-header .sidebar-brand .fa-stack i { vertical-align: middle !important; }
/* menù di sinistra*/
.sidebar-dark .sidebar .sidebar-body .nav .nav-item:hover .nav-link .link-title, .sidebar-dark .sidebar .sidebar-body .nav .nav-item.active .nav-link .link-title {
	 color:#009cde !important;
	 font-family: 'open_sansregular' !important;	
}

link-title {
  color:#009cde !important;
  font-family: 'open_sansregular' !important;
}



/*personalizzazione template*/
.btn-primary, .swal2-modal .swal2-actions button.swal2-confirm, .wizard > .actions a, .wizard > .actions a:hover {
    color: #fff !important;
	border-color: #24aae4;
	background-color:#24aae4 ;
   /* background-image: linear-gradient(123deg,#009cde 56%,#0388c0 91%);*/
    
}
.btn-primary:hover,.btn-primary:active, .btn-primary:focus, .swal2-modal .swal2-actions button.swal2-confirm:hover, .wizard > .actions a:hover {
    color: #fff;
	background-color:#009cde ;
	border-color: #009cde ;
	cursor:pointer;
}

.btn-danger {
	color:#fff !important;
	cursor:pointer;
}

.btn-warning {
	color: #fff !important;
	cursor:pointer;
}

.btn-success {
	color:#fff !important;
	cursor:pointer;
}

.btn {
	border-radius: 12.5rem;
	padding: .625rem 1rem .625rem 1.0rem;
}

text-primary {
   color:#009cde !important;
}

label{
	font-family: 'open_sansregular';
}

.form-group label{
	font-size: 0.95rem;
    margin-left: 0.5rem;
}

small{
	font-family: 'open_sanslight';
}

.dtf{
 font-family: 'open_sanslight';
 font-size: 10xp;

}

/* display tag custom css */
.displaytagtable  th a {
	/*color:#ffffff ;*/
	
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #d5f0ff;
}

.table thead th {
	font-size: 15px;
	color: #686868;
}


th.sorting a {
	background-image: url(../images/arrow_down.png);
	background-repeat: no-repeat;
	color: #686868;
}

th.sorting.sorting_asc a {
	background-image: url(../images/arrow_up.png);
	background-repeat: no-repeat;
}

th.none.sortable a {
	background-image: url(../images/arrow_off.png);
	background-repeat: no-repeat;
}

th a {
	background-image: url(../images/arrow_off.png);
	background-repeat: no-repeat;
	background-position: right;
	margin-right: 10px;
	display: block;
	width: 100%;
}

th.sorted a, th.sortable a {
	background-position: right;
	display: block;
	width: 100%;
}

.dataTables_info {
	padding-top: .85em;
    white-space: nowrap;
}

.exportlinks {
	padding-top: .85em;
	padding-bottom: .85em;
    white-space: nowrap;
}

.dataTables_paginate {
	margin: 0;
    white-space: nowrap;
    text-align: right;
}

.displaytagtable {
	margin-top: 10px;
}

.timeline .event:before{
	font-size: 0.7em;
	left: -250px;
}

/* Tabe Role config */
.role-config thead {
    background-color: #d5f0ff;
}

.table-striped.role-config tbody tr:nth-of-type(odd) {
    background-color: transparent;
}

.table.role-config td {
    padding-top: 8px;
    padding-bottom: 8px;
}

td.text-message {
    max-width: 30rem;
    white-space: normal;
    line-height: 1.5rem;
}

.role-config select.form-control, 
.role-config select {
    border-color: #d2d6de;
}

/* role - user associated */
.user_associated .form-group {
    margin-bottom: 0;
}

.user_associated .odd .form-group .select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #d5f0ff;
	border-color: #d5f0ff;
}

.user_associated .even .form-group .select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #fff;
	border-color: #fff;
}

.user_associated .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0;
}

/* icona collapse */

.accordion .card-header:after {
    float: right;
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f35b";
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f358"; 
}


.datepicker {
    border-radius: 15px;
    font-family: 'open_sansregular';
    }
    
/* select 2 */

.select2-container--default .select2-selection--single {
	height: calc(1.5em + 0.75rem + 2px);
}


/* Paginazione custom */

.dataTables_paginate {
	padding-top: .85em;
}
.pagination .paginate_button a{
	position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color:#009cde;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.pagination .paginate_button a {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color:#009cde;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.pagination .paginate_button a {
    min-width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.paginate_button.disabled a {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}
.paginate_button:first-child a {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.paginate_button:last-child a {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.paginate_button.active a {
    z-index: 1;
    color: #fff;
    background-color: #009cde;
    border-color:#009cde;
}

.pagination .paginate_button a .fa {
	line-height: 1.25;
}
/* ---------------------- */

select.form-control {
	border-radius: 15px !important;
}

select.form-control, select {
	color: #495057;
}

textarea.form-control {
    line-height: 1.5rem;
}

.dataTables_paginate.fixed-right {
    position: absolute;
    right: 25px;
}

/* Global Search */

.globalSearchString  {
	min-width: 35rem;
}
.tt-suggestion {
    padding: 10px 20px;
    font-size: inherit;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

#overlay {
  background: #262626;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 5000;
  top: 0;
  left: 0;
  float: left;
  text-align: center;
  padding-top: 25%;
  opacity: .80;
}

.pac-container {
    z-index: 1100;
}


#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #ffffff;
  border-radius: 50%;
  border-top: 16px solid #0066a1;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

.hidden{
  display: none;
}

.iconBackground {
    position:relative;
}    
.iconBackground:before {
    font-family: "Font Awesome 5 Free";
    font-size: 110px;
    left: 0.4em;
    position:absolute;
    font-weight: 600;
    opacity: 40%;
    color: #009cde;
 }
 
@media (min-width:767px){
	 .iconBackground:before {
	    font-family: "Font Awesome 5 Free";
	    font-size: 110px;
	    left: 0.4em;
	    position:absolute;
	    font-weight: 600;
	    opacity: 40%;
	    color: #009cde;
	 }
}
 
@media (max-width:767px){
	 .iconBackground:before {
	    font-family: "Font Awesome 5 Free";
	    font-size: 110px;
	    left: 2.1em;
	    position:absolute;
	    font-weight: 600;
	    opacity: 40%;
	    color: #009cde;
	 }
}
.iconBackground.accessory:before {
    content: "\f7d9";  
 }
 
.iconBackground.charging:before {
    content: "\f5e7";  
 }
 
.iconBackground.service:before {
    content: "\f590";  
 }
 
.iconBackground.rate:before {
    content: "\f51e";  
 }

.main-wrapper .page-wrapper {  
/* background: #CAF2FF !important;*/
  background: #e9f9fe !important;

}

h2{
	color:#009cde  !important;
}

h3{
	color:#009cde  !important;
}

h4{
	color:#009cde  !important;
}

h6{
	color:#009cde  !important;
}

.blue{
	color:#009cde;
}

.arancione{
	color:#FFA403;
}

#map-canvas { 	width:100%; min-height: 500px; border: 1px solid #fff; }



#footer {
	width: 100%;
    /*
	width: calc(100% - 20px);
	height: 80px;
    display: flex;
	justify-content: space-between;*/
	height: auto;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
	/* position: relative;
	transition: height .4s ease-out; */
	position: absolute;
	bottom: 0;
	z-index: 1058;
}

/* #footer .footer-wrap {
    width: 100%;
	height: 80px;
    display: flex;
    flex-direction: column;
	/*background: linear-gradient(-360deg, rgba(221, 248, 255, 0.8) 28.65%, rgba(225, 249, 255, 0) 100%);*/
	background: linear-gradient(-360deg, rgb(151 234 255 / 80%) 28.65%, rgba(225, 249, 255, 0) 100%);
} */

#footer .footer-minify {
    width: 100%;
    height: 80px;
    display: flex;
    justify-content: space-between;
	align-items: center;

    transition: all .7s ease-out;
}

/* FOOTER CHIUSO */
#footer .footer-total {
    background: #009FDA;
	align-items: start;
    padding: 0;
	opacity: 0;
    height: 0;
	transition: all .7s ease-out;
}


#footer .footer-minify .logo-main-bottom {
	display: inline-flex;
    background-image: url(../images/images-qh2o/logoa2a-blue.svg);
    background-size: contain;
	background-repeat: no-repeat;
    width: 168px;
    height: 45px;
	margin-left: 40px;
    transition: all .7s ease-in;
}

#footer .footer-minify .logo-main-bottom.asvt-spa {
	display: inline-flex;
    background-image: url(../images/images-qh2o/asvtlogo.png);
	/*background-image: url(../images/images-qh2o/logoa2a-blue.svg);}*/
    background-size: contain;
	background-repeat: no-repeat;
    width: 168px;
    height: 45px;
	margin-left: 15px;
    transition: all .7s ease-in;
}

/*#footer .footer-menu-submenu {
	display:none;
}*/

#footer .menu-footer-container { 
	padding-right: 124px; 
	justify-content: flex-end;
    flex-grow: 2;
}
#footer .arrow.show {
	background: url(../images/arrow-hide.svg);
	background-size: contain;
	background-repeat: no-repeat;
	bottom: 0;
	top: 0;
}
#footer .arrow {
	background: url(../images/arrow-show.svg);
	background-size: contain;
    background-repeat: no-repeat;
	width: 24px;
	height: 24px;
    position: absolute;
    right: 40px;
	cursor: pointer;
}

#footer ul.footer-menu {
	list-style-type: none;
	display: flex;
	flex-direction: row;
	padding: 0;
    margin: 0;
}

#footer ul.footer-menu li.footer-menu-item {
	margin: 0 15px;
}

#footer ul.footer-menu li.footer-menu-item a{
	font-weight: 600;
	font-size: 12px;
	line-height: 24px;
	color: #009FDA;
	text-decoration: none;
}

#footer #show-footer {
	margin: 2rem 30px 30px 30px;
	pointer-events: all;
}

/* FOOTER APERTO */
#footer.big-footer {
    margin-top: 20px;
}

#footer.big-footer .footer-wrap{
    height: 236px;
    transition: height .4s ease-out;
    justify-content: end;
}

#footer.big-footer .footer-minify {
	opacity: 0;
    height: 0;
	transition: all .7s ease-in;
}


#footer.big-footer .footer-minify .logo-main-bottom {

    width: 0;
    height: 0;
	margin-left: 0;
    transition: all .7s ease-in;
}

#footer.big-footer .footer-total {
    opacity: 1;
    height: 100%;
    padding: 30px 0 0 0;
    /*transition: all .7s ease-in;*/
    transition: height, opacity .7s ease-out;
}

#footer .footer-total .logo-main-footer-total {
	display: inline-flex;
    background-image: url(../images/logoa2a-white.svg);
    background-size: contain;
	background-repeat: no-repeat;
    width: 0;
    height: 0;
	margin-left: 0;
    opacity: 0;
    transition: all .7s ease;
}

#footer .footer-total .logo-main-footer-total.asvt-spa {
	display: inline-flex;
    background-image: url(../images/asvtlogo.png);
	/*background-image: url(../images/images-qh2o/logoa2a-white.svg);*/
    background-size: contain;
	background-repeat: no-repeat;
    width: 0;
    height: 0;
	margin-left: 0;
    opacity: 0;
    transition: all .7s ease;
}


#footer.big-footer .footer-total .logo-main-footer-total {
	/*display: inline-flex;*/
    display: flex;
   	background-image: url(../images/logoa2a-white.svg);
    background-size: contain;
	background-repeat: no-repeat;
    width: 168px;
    height: 45px;
	margin-left: 40px;
	opacity: 1;
    transition: all .75s ease-out;
}

#footer.big-footer .footer-total .logo-main-footer-total.asvt-spa {
	/*display: inline-flex;*/
    display: flex;
    background-image: url(../images/asvtlogo.png);
    background-size: contain;
	background-repeat: no-repeat;
    width: 168px;
    height: 45px;
	margin-left: 15px;
	opacity: 1;
    transition: all 1s ease-out;
}

#footer.big-footer .footer-minify ul.footer-menu {
	display: none;
}

#footer.big-footer .footer-menu-submenu {
	display: flex;
	align-items: center;
	justify-content: center;
}
#footer.big-footer .footer-menu-submenu .row:first-child {
	width: 100%;
	justify-content: center;
}
#footer.big-footer .footer-menu-submenu a{
	font-size: 12px;
	line-height: 22px;
	text-decoration: none;
	color: #fff;
	margin: 0 10px;
}

#footer.big-footer .footer-menu-submenu p { 
	font-size: 12px;
	line-height: 22px;
	color: #fff;
}

#footer .footer-total .sub-footer {
	display: none;
}

#footer.big-footer .footer-total .sub-footer {
	background: #004E6C;
    color: #fff;
	height: 50px;
    width: 100%;
    margin: 20px 0 0 0;
    display: flex;
    align-items: center;
}

.footer-total p,
.footer-total h4 { color: #fff  !important; font-size: 16px;}
.footer-total h5 { color: #fff; font-size: 16px;}

.footer-menu-submenu { color: #fff; }

#footer .footer-top h5 {
	font-weight: 700;
	margin: 0;
	line-height: 26px;
}