/* assets/css/style.css */
:root {
    --primary-color: #0d6efd;
    --secondary-color: #6c757d;
    --dark-color: #212529;
    --bs-body-bg: #FFFFFF;
    --bs-body-font-size: 12px;
}

@font-face {
    font-family: 'sink300';
    src: url('font/Sinkin300Light.eot');
    src: url('font/Sinkin300Light.eot?#iefix') format('embedded-opentype'),
        url('font/Sinkin300Light.woff') format('woff'),
        url('font/Sinkin300Light.ttf') format('truetype'),
        url('font/Sinkin300Light.svg#sinkin_sans200_x_light') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-family: 'sink300', sans-serif;
    color: #343434;
}

h3 {
    font-size: 20px;
    line-height: 1.2em;
    margin: 0 0 1.3em 0;
}


body {
    /*font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*/
    font-family: 'Outfit', sans-serif !important;
    font-size: 13px!important;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.navbar {
 
    background: #184E9D!important;
    min-height: 106px;
    top: -12px;
    padding: 0px;
}
.container {
    flex: 1;
}

/* Navbar personalizzata */
.navbar-brand {
    font-weight: bold;
    font-size: 1.5rem;
}





 .user-info {
            font-size: 17px;
            color: #FFFFFF;
            margin-right: 15px;
        }
        .user-info span {
            margin: 0 5px;
        }
        .lang-flag {
            width: 24px;
            height: 18px;
            cursor: pointer;
            margin: 0 3px;
            /*border: 1px solid #ddd;*/
            transition: transform 0.2s;
        }
        .lang-flag:hover {
            transform: scale(1.1);
            border-color: #666;
        }
        .menu-links {
            display: flex;
            gap: 20px;
            align-items: center;
        }
        .menu-links a {
            color: #FFFFFF;
            text-decoration: none;
            font-size: 0.95rem;
            transition: color 0.2s;
        }
        .menu-links a:hover {
            color: #1CB8D7;
        }
        .menu-links a.active {
            color: #1CB8D7;
            font-weight: 500;
        }
        .top-bar {
            background: #FFFFFF;
            padding: 0;
            border-bottom: 0px solid #dee2e6;
            z-index: 999999;
            height: 0px;
            padding-top: 0px;
        }
    .coll-navbar{
        top: 35px;
    position: relative;
    }



/* Card styling */
.card {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.card:hover {
    transform: translateY(-5px);
}

/* Button animations */
.btn {
    transition: all 0.3s ease;
}

.btn:hover {
    transform: scale(1.05);
}

/* Footer styling */
footer {
    margin-top: auto;
    bottom: 0;
    position: fixed;
    width: 100%;
    background-color: #184E9D;
}

/* Utility classes */
.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}






/* Copyright */
#copyright {
  border-top: 1px solid #262626;
  padding: 5px 0 0px 0;
  font-size: 12px;
  height:30px;
}
#copyright a {
  color: #ffffff;
  text-decoration: underline;
}
#copyright a:hover {
  text-decoration: none;
}
/* Footer text */
#footer-text {
  float: left;
  width: 100%;
}
.footer {
    font-size: 12px;
    color: #ffffff;

}


footer a{
    font-size: 12px;
    color: #ffffff;
}
.site-name {
    font-size: 18px;
    line-height: 1em;
    font-family: 'sink300', sans-serif;
    color: #ffffff;
    display: inline-block;
    position: relative;
    top: 0px;
}
.button, .comments-link {
  display: inline-block;
  font-family: 'sink300', sans-serif;
  padding: 4px 13px;
  color: #ffffff;
  font-size: 11px;
  text-transform: uppercase;
  /*font-weight: bold;*/
  text-decoration: none;
  margin: 0 4px 4px 0;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  background: #343434;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #232323), color-stop(1, #444444));
  background: -ms-linear-gradient(bottom, #232323, #444444);
  background: -moz-linear-gradient(center bottom, #232323 0%, #444444 100%);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.button:hover, .comments-link:hover {
  background: #75A922;
  color: #ffffff;
}



#search_text {
	cursor: pointer;
}

#plus_minus {
  position: relative;
  top:0px;
  margin:auto;
  vertical-align:top;
  padding: 0;
  cursor: pointer;
}
/*
#download_conf {
  position: relative;
  margin-top:-2px;
  margin-right:-4px;
  float:right;
  padding: 0;
}
*/
#download_conf {
  position: absolute;
  top: 0;
  right:3px;
}

#udp_port {
  position: absolute;
  bottom: 0;
  right:3px;
  font-size:10px;
}

#tabella  {
	background: transparent;
	border: 0;
	vertical-align: top;
}

#tabella_lista_impianti  {
	background: transparent;
	vertical-align: top;
	border-collapse : collapse; 
	border-bottom: 1px solid #272727;
}

#tabella_lista_impianti  td{
	background: transparent;
	border-bottom: 1px solid #C5C5C5;
	border-left: 1px solid #C5C5C5;
	border-right: 1px solid #C5C5C5;
	border-top: 1px solid #C5C5C5;
	vertical-align: middle;
	padding:6px; 
	/*overflow: hidden;*/
	word-wrap: break-word;

}
#tabella_lista_impianti  th{
	background: transparent;
	background-color:#272727;
	border-bottom: 1px solid #C5C5C5;
	border-left: 1px solid #C5C5C5;
	border-right: 1px solid #C5C5C5;
	border-top: 1px solid #C5C5C5;
	vertical-align: middle;
	padding:1px; 
	border-collapse: collapse;
}

#tabella_lista_sedi  {
	background: transparent;
	vertical-align: top;
	border-collapse : collapse; 
	 border-spacing: 0;
	border-bottom: 1px solid #919191;
}

#tabella_lista_sedi  td{
	background: transparent;
	/*border-bottom: 1px solid #C5C5C5;*/
	border-left: 1px solid #dEdEdE;
	/*border-right: 1px solid #C5C5C5;*/
	border-top: 1px solid #dEdEdE;
	vertical-align: middle;
	padding:4px; 
	/*overflow: hidden;*/
	word-wrap: break-word;
	/* border-spacing: 0;*/
	position:relative;
	line-height: 16px;

}

#tabella_lista_sedi  td.first {border-left: 1px solid #919191;}
#tabella_lista_sedi  td.last {border-right: 0px solid #919191;}
#tabella_lista_sedi  td.tdheader {border-top: double #919191;}
#tabella_lista_sedi  td.tdheader2 {border-bottom: 1px solid #919191;}

#tabella_lista_sedi  th.first {border-left: 1px solid #919191;}
#tabella_lista_sedi  th.last {border-right: 1px solid #919191;}
#tabella_lista_sedi  th.tdheader {border-top: 1px double #919191;}
#tabella_lista_sedi  th.tdheader2 {border-top: 1px solid #919191;}

#tabella_lista_sedi  th{
	background: transparent;
	background-color:#272727;
	border-bottom: 1px solid #272727;
	border-left: 1px solid #dEdEdE;
	border-right: 1px solid #dEdEdE;
	border-top: 1px solid #272727;
	vertical-align: middle;
	padding:4px; 
	border-collapse: collapse;
	 border-spacing: 0;
}



#tabella_lista_controlli  {
	background: transparent;
	border-bottom: 1px solid #C5C5C5;
	border-left: 1px solid #C5C5C5;
	border-right: 1px solid #C5C5C5;
	border-top: 1px solid #C5C5C5;
	vertical-align: top;
	border-collapse : collapse; 
}

#tabella_lista_controlli  td{
	background: transparent;
	border-bottom: 1px solid #C5C5C5;
	border-left: 1px solid #C5C5C5;
	border-right: 1px solid #C5C5C5;
	border-top: 1px solid #C5C5C5;
	vertical-align: middle;
	padding:2px; 
	color: #272727;
}

#tabella_lista_controlli  th{
	background: transparent;
	background-color:#272727;
	border-bottom: 1px solid #C5C5C5;
	border-left: 1px solid #C5C5C5;
	border-right: 1px solid #C5C5C5;
	border-top: 1px solid #C5C5C5;
	vertical-align: middle;
	padding:1px; 
}


#loading {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  display: block;
  opacity: 0.5;
  background-color: #fff;
  z-index: 99999999999;
  text-align: center;
}

#loading_teleservice {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  display: block;
  opacity: 0.5;
  background-color: #fff;
  z-index: 99999999999;
  text-align: center;
}

#loading-image {
	display:block;
	margin:auto;
	padding-top: 145px;
	z-index: 999999999991;
}

/* Form defaults */
input, select, textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  vertical-align: middle;
  font-weight: normal;
  border: 1px solid #dbdbdb;
  outline: none;
}
input[type="text"], textarea,select {
  background: #fff;
  border: 1px solid #bebebe;
  padding: 5px;
}
input[type="password"] {
  background: #fff;
  border: 1px solid #bebebe;
  padding: 5px;
}


input[type="submit"], input[type="reset"] {
  display: inline-block;
  padding: 0 13px;
  color: #ffffff;
  font-family: 'sink300', sans-serif;
  font-size: 11px;
  line-height: 28px;
  height: 28px;
  text-transform: uppercase;
  /*font-weight: bold;*/
  text-decoration: none;
  margin: 0 4px 4px 0;
  border: none;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
  background: #343434;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #232323), color-stop(1, #444444));
  background: -ms-linear-gradient(bottom, #232323, #444444);
  background: -moz-linear-gradient(center bottom, #232323 0%, #444444 100%);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
input[type="submit"]:hover, input[type="reset"]:hover {
  background: #75A922;
  color: #ffffff;
}
/* Responsive adjustments */
@media (max-width: 768px) {
    .navbar-brand {
        font-size: 1.2rem;
    }
    
    h1 {
        font-size: 1.8rem;
    }
}