html, body {
    height: 100%;
}
body{
	font-family: 'Titillium Web', sans-serif;
    font-weight: 400;
    font-size:16px;
    line-height:1;
}

li, a {
    text-decoration: none;
    display: inline-block;
}

ul {
    margin:0;
}

p{
	line-height: 2rem;
}
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    margin:0;
    padding:0;
}

.form-group.required label.control-label:before {
    content:"* ";
    color:red;
}


/***	PRIMO LIVELLO	***/

#page-container{
	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin-bottom:-75px;
}
#page-container:after {
    content: "";
    display: block;
    height: 75px;
    width: 100%;
}

/***	SECONDO LIVELLO 	***/
#page-top{
	background: #3b4043;
	color: #fff;
	height: auto;
	height: 39px;
	border: solid 1px #000;
}

#page-top a{
	color:white;
	font-weight:bold;
	padding-bottom:1px;
}

#login-bar{
	margin-top: 10px;
	float: right;
}

#login-bar a:hover{
	text-decoration:none;
}

#language-bar{
	float:left;
	margin-top: 10px;
	margin-bottom: 11px;
}

#header_wrapper {
    z-index: 1000;
    width: 100%;
    background: #004d99;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 400;
}


#page-submenu{
	background: #3b4043;
	color: #fff;
	border-bottom:1px solid #333;
}

#page-crumbs{

}

#page-content{
	margin-bottom:-20px;
}

#footer {
    width: 100%;
    min-height: 75px;
    background: #004D99;
    z-index:999;
    padding-top: 30px;
	color: #FFFFFF;
	padding-bottom: 30px;
}

#footer .left_text{
	margin-bottom:25px;
}

/**********************/

.submenu{
	font-size: 1em;
}

.crumbs{
	border-bottom:1px solid #666;
	margin:10px 0;
	padding:5px 0;
}

/***	NAV BAR	TOP ***/

#navbar-top{
	background:transparent;
	border:none;
	height:100%;
	margin-top:0px;
	margin-bottom:0px;
}

#navbar-top .container{
	height:100%
}

#navbar-top .navbar-header{
	height:100%;
}

#navbar-top .navbar-header,
#navbar-top .navbar-header a{
	height:90px;
}

#navbar-top .navbar-header a > div,
#navbar-top .navbar-brand > div > img{
	text-align: left;
}

#navbar-top .navbar-brand > div > img{
	display:inline;
	vertical-align: middle;
	margin-right:20px;
}

#navbar-top .navbar-brand{
	color:white !important;
}

#navbar-top-collapse{
	height:100% !important;
}

#navbar-top-collapse .navbar-nav,
#navbar-top-collapse .navbar-nav > li{
	height:100% !Important;
}

#navbar-top-collapse .navbar-nav > li.active  > a{
	border-bottom: 5px solid #428fdb;
}

#navbar-top-collapse .navbar-nav > li > a{
	min-height:100% !important;
	height:100% !important;
	font-size:0.95em;
	text-transform: uppercase;
	background:transparent;
	color:white;
	border-bottom: 3px solid transparent;
	padding:33px 15px;
}

#navbar-top-collapse .navbar-nav a:hover,
#navbar-top-collapse .navbar-nav a:focus{
	background:#003366;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

#navbar-top-collapse .navbar-nav >li > a:hover,
#navbar-top-collapse .navbar-nav >li > a:focus{
	border-bottom: 5px solid #428fdb;
	margin-bottom: -5px;
}

#navbar-top-collapse .navbar-nav >li > a > i{
	margin-bottom:4px;
	font-size:1.5em;
}

#navbar-top-collapse .dropdown-menu{
	background: #004D99;
}

#navbar-top-collapse .dropdown-menu li{
	width:100%;
}

#navbar-top-collapse .dropdown-menu{
	padding:0px !important;
}

#navbar-top-collapse .dropdown-menu li{
	border-top: 1px solid #003366;
	width: 260px;
}

#navbar-top-collapse .dropdown-menu li > a{
	background:#004D99;
	color: white;
	padding: 14px;
	font-size:1em;
}

#navbar-top-collapse .dropdown-menu li > a .icon {
	width: 20px;
	margin-right:10px;
}

#navbar-top-collapse .dropdown-menu li > a > i{
	border-right: 1px solid white;
	margin-right: 10px;
	padding-right: 10px;
	min-width: 30px;
}

#navbar-top-collapse .dropdown-menu li.active > a{
	border-left: 5px solid #428fdb;
}

#navbar-top-collapse .dropdown-menu li.active > a > i{
	margin-left: -5px;
}
/***	FINE NAV BAR TOP	***/

/***	NAV BAR	BOTTOM ***/

#navbar-bottom{
	background:transparent;
	border:none;
	margin:0px;
}

#navbar-bottom .container{
	height:100%;
}

#navbar-bottom-collapse{
	padding:0px;
}

#navbar-bottom-collapse .navbar-nav > li > a{
	font-size:0.85em;
	text-transform: uppercase;
	background:transparent;
	color:white;
	border-top:3px solid transparent;
	border-bottom:3px solid transparent;
}

#navbar-bottom-collapse .navbar-nav a:hover,
#navbar-bottom-collapse .navbar-nav a:focus{
	background:#222;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

#navbar-bottom-collapse .navbar-nav > li > a:hover,
#navbar-bottom-collapse .navbar-nav > li > a:focus{
	border-bottom: 3px solid #ddd;
}

#navbar-bottom-collapse .navbar-nav > li.active > a {
	border-bottom: 3px solid #ddd;
}

#navbar-bottom-collapse .dropdown-menu{
	background: #3B4043;
}

#navbar-bottom-collapse .dropdown-menu li{
	width:100%;
}

#navbar-bottom-collapse .dropdown-menu{
	padding:0px !important;
}

#navbar-bottom-collapse .dropdown-menu li{
	border-top: 1px solid #666;
	width: 260px;
}

#navbar-bottom-collapse .dropdown-menu li > a{
	background:#3B4043;
	padding: 14px;
	font-size:1em;
	font-variant:small-caps;
}
/***	FINE NAV BAR BOTTOM	***/

/***	MENU CELLULARE	***/

#navbar-top .navbar-toggle{
	background: #428fdb;
	border:none;
	border-radius: 2px;
	position:absolute;
	top:10px;
	right:10px;
}

#navbar-top .navbar-toggle .icon-bar{
	background-color:white;
}

.navbar-default .navbar-collapse{
	border:none;
}

/***	FINE MENU CELLULARE	***/

/***	CONTENT ***/
.content{
	margin:10px 10px;
}
/***	FINE CONTENT ***/

/*** CALLOUT	***/
.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}
/***	 FINE CALLOUT		***/

/*** VECCHIO CSS ***/
.page-title{
	margin-bottom:20px;
}

table th,
.kv-child-table th{
	background-color: #EEE;
	color:black;
	font-weight:600;
}

table td, table th{
	border:none;
}

table th a{
	color: black;
}

table th a:hover{
	color: #666;
}

.detail-view{
	font-size:0.9em;
}
.detail-view  th{
	font-weight: 400;
}
.detail-view  td{
	font-weight: 600;
}
.th-small-center{
	width:50px;
	text-align:center;
}

.site-login{
	background-color: grey;
	width:400px;
	margin:auto;
}

/******* BOOTSTRAP ***********/
.panel-primary{
	border-color: #004D99;
}
.panel-primary > .panel-heading {
	background-color: #004D99;
	border-color: #004D99;
}


.panel-primary.black{
	border-color: #3B4043;
}
.panel-primary.black > .panel-heading {
	background-color: #3B4043;
	border-color: #3B4043;
}

.btn-primary,
.btn-primary:focus, .btn-primary.focus {
    background-color: #004D99;
}

.btn-primary:hover{
    background-color: #3B4043;
    border-color:#3B4043;
}

.form-control{
	font-weight:600;
}
.form-group{
	margin-top:5px;
	margin-bottom:15px;
}
/******** BOOTSTRAP *******/




/******** KRAJEE *******/
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
	padding:3px;
}

thead > tr > th,
tbody > tr > th,
tfoot > tr > th,
thead > tr > td,
tbody > tr > td,
tfoot > tr > td {
	vertical-align:middle;
}

.table > tbody > tr.info > td{
	padding:10px;
	background-color: #ddd;
	border-bottom:2px outset #aaa;
}

.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th{
	background-color:#4784BF;
	color:white;
	font-weight:600;
}

.select2-results__option{
	display:block;
	border-bottom:1px dashed #666;
	margin-bottom:5px;
}
.kv-grid-loading{
	opacity:0.7;
}
.kv-grid-loading tr, .kv-grid-loading td {
     visibility: hidden;
/*     opacity:0.3; */

}

.checkbox label{
	line-height: 1.2em;
}

.grid-view .summary{
	margin-bottom: 10px;
}
/******** FINE KRAJEE *******/

.label-md{
	font-size:1.5rem;
}

.label-lg{
	font-size:2rem;
}

.sezione{
	margin-top:20px;
	margin-bottom:10px;
	width:100%;
	padding:10px 20px;
	background-color:#004D99;
	color:white;
}

.dettaglio .titolo{
	font-weight:bold;
	margin-bottom:10px;
	border-right:1px solid #aaa;
	background-color: #F5F5F5;
	padding:10px;
}

.dettaglio .descrizione{
	margin-bottom:10px;
	padding:10px;
}

.control-label{
	margin-bottom:8px;
}

/***	MEDIA QUERY	***/

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

		#navbar-top .navbar-header,
		#navbar-top .navbar-header a{
			width:100%;
		}

		#navbar-top .navbar-header a > div,
		#navbar-top .navbar-header a > div img{
			text-align:center;
		}

		#navbar-top-collapse .navbar-nav >li > a{
			padding: 10px 15px;
		}

		#navbar-top-collapse{
			padding:0px;
		}

		#navbar-top-collapse .navbar-nav{
			float:unset !important;
		}
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

		.dettaglio .titolo{
			margin-bottom: 0px;
			padding: 8px 20px 8px 5px;
		}
		/*
		.dettaglio .row{
			border-left: 2px solid #A5A5A5;
			margin-bottom:10px;
		}*/

		#navbar-top .navbar-header{
			width:auto !Important;
		}

		#navbar-top .navbar-header,
		#navbar-top .navbar-header a{
			height:auto;
		}


		#navbar-top .navbar-header a:after,
		#navbar-top .navbar-header a > div:after{
				content: "";
				display: table;
				clear: both;
		}

		#navbar-top .navbar-header{
			width:100%;
		}

		/*
		#navbar-top .navbar-header a{
			width:90%;
		}
		*/
		#navbar-top .navbar-header a > div,
		#navbar-top .navbar-header a > div img{
			text-align: center;
			display: block;
		}

		#navbar-top-collapse {
			overflow:hidden;
		}

		#navbar-top-collapse .navbar-nav > li > a,
		#navbar-bottom-collapse .navbar-nav > li > a {
			padding-left:30px;
			border-bottom:none;
		}

		#navbar-top-collapse .navbar-nav > li > a:hover,
		#navbar-top-collapse .navbar-nav > li > a:focus,
		#navbar-bottom-collapse .navbar-nav > li > a:hover,
		#navbar-bottom-collapse .navbar-nav > li > a:focus{
			border-bottom:none;
		}

		#navbar-top-collapse .dropdown-menu li,
		#navbar-bottom-collapse .dropdown-menu li{
			width:100%;
		}

		#navbar-top-collapse .dropdown-menu li > a{
			color:white;
			background:#005cb2;
			padding-left:40px;
		}

		#navbar-bottom-collapse .dropdown-menu li > a{
			color:white;
			background:#666;
			padding:10px 40px;
		}
    }

    /* Extra Small Devices, Phones */
    @media only screen and (max-width : 480px) {

		#navbar-top .navbar-header a > div img{
			width:140px;
			margin-bottom:5px;
			display:block;
		}

		#navbar-top .navbar-header a > div{
			font-size:0.9em;
		}

		.table-responsive{
			margin-bottom:40px;
		}

		.kv-table-wrap tr > td:first-child {
			border-top: 2px double #ccc;
			margin-top: 10px;
			font-size: 1.5em;
		}

    }
/***	FINE MEDIA QUERY	***/

/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 200;
  src: local('Titillium WebThin'), local('TitilliumWeb-Thin'), url(https://fonts.gstatic.com/s/titilliumweb/v4/anMUvcNT0H1YN4FII8wpr8iECVzy6_x5mCR1UJr_CgI.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 200;
  src: local('Titillium WebThin'), local('TitilliumWeb-Thin'), url(https://fonts.gstatic.com/s/titilliumweb/v4/anMUvcNT0H1YN4FII8wprwWgvz7nq97YPMIWeoEnHDE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: local('Titillium Web'), local('TitilliumWeb-Regular'), url(https://fonts.gstatic.com/s/titilliumweb/v4/7XUFZ5tgS-tD6QamInJTcSo_WB_cotcEMUw1LsIE8mM.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: local('Titillium Web'), local('TitilliumWeb-Regular'), url(https://fonts.gstatic.com/s/titilliumweb/v4/7XUFZ5tgS-tD6QamInJTcZSnX671uNZIV63UdXh3Mg0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: local('Titillium WebBold'), local('TitilliumWeb-Bold'), url(https://fonts.gstatic.com/s/titilliumweb/v4/anMUvcNT0H1YN4FII8wpr-y7CP8YvcHYdGV61pt7QTE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: local('Titillium WebBold'), local('TitilliumWeb-Bold'), url(https://fonts.gstatic.com/s/titilliumweb/v4/anMUvcNT0H1YN4FII8wprxP6Eu1_xfSBSoi9uie1FdE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

