body, html {color:#555;background: #fff;}
@media (min-width: 768px) {
	#page-content-wrapper {padding: 10px 15px;position: relative;}
}
#sidebar-wrapper{color:#fafafa;background:#337ab7;}
#sidebar-wrapper li{list-style-type: none;}
.sidebar-nav > ul{padding:0px;}
.sidebar-nav {margin-bottom:50px;padding-bottom:50px;}
.sidebar-nav li{line-height:32px;text-indent:8px;margin:1px 0px;}
li.divider {padding: 10px 0px;}
li.brand {font-size:18px;line-height:30px;padding:15px;padding-bottom:10px;margin-top:0px;border-bottom:1px solid #fff;}
#sidebar-wrapper a{font-size:13px;color: #eee;font-weight:400;background: rgba(0,0,0,0.1);padding:5px;}
#sidebar-wrapper a i{margin-right:10px;color:rgba(200,200,255,0.7);}
#datetimpicker {padding-top:20px;}
.sidebar-calendar {margin-right: 5px !important}
.sidebar-calendar li{padding:0px;margin: 0px;text-indent:0px !important;}
.bootstrap-datetimepicker-widget table td {border-radius:0px;}
.heading {background: #fff;box-shadow:0px 0px 3px #555;margin:0px -20px 0px -20px;padding:15px;padding-bottom:10px;position:fixed;top:0px;width:105%;z-index:1000;}

.btn {border-radius: 0px;text-transform:uppercase;}
.hl {background-color: #f70; color: #fff;}
.alert-taccuino {padding: 5px;margin-bottom:5px;background:#f0f0f0;border: 0px;}
.taccuino-heading {text-transform:uppercase;font-weight:500;padding:10px 10px;border-bottom: 1px solid #f0f0f0;}
.btn-taccuino {display:block;float:none; width:100%;text-transform:none;padding: 10px;text-decoration: none;font-size:16px;}

.agenda-giorno{height:250px;overflow-x:scroll;}
.agenda-giorno a {color: #333;}
.rilevante {background: #f70;}
.urgente {background: #f00;}

h1,h2,h3{font-weight:300;color: #666}
h4 {font-weight: 300;color:#555;}
.dashboard-section {margin-top: 20px;}
h5 {font-weight: 400;color:#555;}
small {font-weight:300;color:#777;}
.page-title {float:left;font-size:18px;line-height:30px;margin:0px 10px;padding:0px;}

.btn-round {width:45px;height:45px;line-height:45px;border-radius:50px;padding: 0px;}

.panel-folder .list-group {display:none;}

.scadenze-item {padding:10px 0px;}
.note.note-comment:nth-child(2n) {background: #f0f0f0;}
.note.note-comment {padding:10px 20px;margin:10px 0px 20px 0px;word-break: break-word;}
#nota h5 img {max-width: 100% !important;height:auto;}

label {font-weight:400;}


.table>tbody>tr>td{border-top: 0px;}
.table-striped td, .table-striped th {border-left:1px solid #ccc;}
.table>tbody>tr>td:first-child, .table>tbody>tr>th:first-child, .table>tfoot>tr>td:first-child, .table>tfoot>tr>th:first-child, .table>thead>tr>td:first-child, .table>thead>tr>th:first-child {border-left: 0px;}
.table.table-striped td:last-of-type, .table.table-striped th:last-of-type { border-left:0px;}
.table {font-size:13px;}
.table thead {background: transparent;}
.datepicker {font-size:12px;}
.list-group-item:first-child{border-radius:0px;}
.nav-tabs>li>a {border-radius:0px;padding:8px 20px;font-size:12px;}

.sp-replacer {width:100%;border:1px solid #ccc;background: transparent;border-radius:4px;}
.sp-preview {width:90%;border: 0px;background-image: none;}
.sp-preview-inner{border-radius: 4px;}
.sp-replacer:hover, .sp-replacer.sp-active {border-color:#ccc}
.sp-container {background: #fff;border-radius: $px;border:1px solid #ccc;}

@media only screen and (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #ccc;}
	.table-responsive > .table > tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {white-space: normal;}
	.table-responsive {border: 0px;}
	.table-display-name {padding-left:10px;}
		
	.table-primary {display:block;margin:0px;}
	.table-primary > tbody {display: block;}
	.table-primary > tbody > tr {display:block;width: 100%;margin: 10px 0px;}
	.table-primary > tbody > tr:nth-child(odd), .table > tbody > tr:hover {background: transparent !important;}
	.table-primary > thead {display: none !important;}
	.table-primary td {
		background: #fff;
		line-height: 2!important;
		text-align:right;
		display: block;
		padding: 5px 10px !important;
		vertical-align:middle;
		border: 1px solid #ccc;;
		position: relative;
		width:100% !important;
		min-height: 30px;
	}
	.table-primary > tbody > tr > td:first-child {font-weight: 400; font-size:15px;padding:0px 10px !important;text-align:left;border: 0px;margin: 0px -10px;}
	.table-primary > tbody > tr > td:before {
		float:left;
		text-align: left;
		width: 30%;
		margin:-5px;
		padding: 8px 5px;
		font-weight:400;
		line-height:1.5;
		white-space: nowrap;

	}
	.table-primary td:last-of-type {text-align: right;padding:5px !important;border:0px;}
	
	.nav-tabs-nota li {width:25%;text-align: center;}
	.table>tbody>tr>td{border-top: 1px solid #ccc;}
	.table-attivita {width:auto;}
}
@media only screen and (max-width: 479px) {
	.nav-tabs-nota span {display:none;}
}
.list-group-item {padding:10px;}
.list-group-item-folder {background: #f0f0f0 !important;}
.list-group .list-group-item .list-group {margin:0px;}
.list-group .list-group-item h6 {display: inline;}
.list-group .list-group-item h6 a {color: #555;font-weight:400;}
.list-group .list-group-item .list-group .list-group-item:first-child {border-radius: 0px;}
.list-group .list-group-item .list-group .list-group-item:last-child {border-radius: 0px;}
.list-group-item .dropdown {margin-top:-5px; }
.list-group-item .dropdown > a {color: rgba(0,0,0,0.5);}

span.label {margin-right:2px;}
span.label.label-default {background: transparent;color: #999;}

.tab-content {background: #fff;}

.breadcrumb {background: transparent;border-radius: 0px;font-weight:300;color:#333;font-size:20px;margin-bottom: 0px;}

.tokenfield .token {background: #337ab7;color: #fff; }
#elenco_note{border-top:1px solid #999;border-bottom:1px solid #999;height:600px;overflow-y:scroll;}
@media (max-width: 991px) {
	#elenco_note {display:block;clear:both;height:180px;overflow-y:scroll;}
}
.elenco-note tbody tr td{padding:8px 2px;}
.elenco-note tbody tr td:first-child{min-width:85px;padding-left:5px;}
.token{padding-left:5px;}
.input-tags {border: 0px;padding:0px;margin:0px;}
#nota_detail .tokenfield.input-sm, .input-group-sm .tokenfield {border: 0px;box-shadow:none;padding: 0px;background:#fff;}
#nota_detail .tokenfield.input-sm, .input-group-sm .tokenfield .disabled {background:#fff;}

.input-lg{border: 0px;box-shadow:none;padding: 0px;background:#fff;outline:none;border-radius:0px;}
.input-lg:focus{box-shadow: none;border: 0px;}
.btn-table-view {border: 0px;background:transparent;text-transform:none;padding: 0px;color: #337ab7;}
.nav-tabs-reparto {
	padding-top:10px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f9f9f9+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}

#tempo_totale, #tempo_rimanente {
	background: #d9edf7;
	color:#31708f;  
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;          
}
.nv-legend{display:none;}

@media print {
	.menu {display:none;}
	#sidebar-wrapper{display:none;}
	#wrapper{padding:0px;margin:0px;max-width:100%;}
	a[href]:after {content: none !important;}
	.tab-content{margin-top:-30px;max-width:100%;}
	.nav-tabs, #menu_grafico, #menu_grafico_pp{display:none;}
	/*#grafico_efficenza {width:900px !important;}*/    
	#grafico_efficenza svg {margin-left:-25px;}
	#oee_week {margin-top:30px;}
	*{position:relative !important;float:none !important;}
	div{width:100% !important;}
	#efficienza_div{    
		display: block; 
    	break-after: always;
    	page-break-after: always;
	}
}
#oee_week svg{width:100% !important;height:400px !important;}