body{padding-top: 50px; background: #efefef;}
body #header{position: fixed; width: 100%; z-index: 1000; transition: 1s all ease; -webkit-transition: 1s all ease;     top: 0;}

#apmLoader {
	border: 5px solid #f3f3f3;
	border-top: 5px solid #3498db;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	animation: spin  0.8s linear infinite;
	position: absolute;
	left: 50%;
	top: 100px;
}

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


.navbar-brand{padding-top: 2px;}
.status_label{padding: 5px; white-space: nowrap;}
.status-summary{margin: 15px 0;}
.status-summary .item {border: 1px solid #fff; font-size: 17px; padding: 10px;}
.status-summary .value{display: block; font-size: 16px;}

.payment-summary{margin: 15px 0;}
.payment-summary .item{border: 1px solid #fff; font-size: 17px; padding: 10px; background: #eee;}
.payment-summary .value{display: block; font-size: 16px;}

.page_title{border-bottom: 1px solid #eee; padding: 3px 0; margin: 10px 0;}
.page_title span{font-size: 20px; color: #aaa;}
.page_title i{font-size: 14px;}
.form-separator{border-top: 1px solid #eee; height: 2px; margin: 30px 0;}

#toTop{position: fixed; right: 10px; bottom: 10px; background: #fff; border: 1px solid #aaa; padding: 5px; font-size: 20px;}

td .glyphicon{padding: 3px;}
td.right{text-align: right;}

.red{color: red;}
.grey, .gray{color: #999;}
.small{font-size: 14px;}
.small i.glyphicon{font-size: 13px;}

.badge.badge-danger{background: red;}

a.filter-link{color: #186b87; transition: 0.5s all ease;}
a.filter-link:hover{color: #aaa;}
/*a.filter-link:hover:after{content: "."; float: right;}*/

.form-control.value{border: none; box-shadow: none;height: auto;}
.control-label {margin-bottom: 0; padding-top: 7px; text-align: right;}
.control-label span.info{font-size: 12px; color: #888; display: block; font-weight: normal;}
.form-control.value ul{padding-left: 15px;}
.form-control a i{color: #ddd;}
.form-control:hover a i{color: #3c8dbc;}

.form-group{clear: both;}

.bootstrap-datetimepicker-widget{z-index: 100000 !important;}
.bootstrap-datetimepicker-widget > ul{padding: 0;}
.input-append.date .form-control{width: 80%;}
.input-append.date .input-group-addon{width: 20%; float: left; cursor: pointer; height: 34px;
    padding-top: 8px;}

.tip{}
td .tip{display: inline;}
.tip .trigger{}
.tip .content{display: none; position: absolute; z-index: 1000; padding: 10px; background: #fff; font-size: 14px; transition: 0.5s all ease;
	border: 1px solid #ddd; min-height: auto; color: #000;}
.tip.right{position:relative;}
.tip.right .content {right: 15px; width: 250px;}
.tip:hover .content, .tip .content:hover{display: initial;}

/* TEXT ALERT COLORS*/
.text-alert-low{color: #e17f7f;}
.text-alert-medium{color: #d04343;}
.text-alert-high{color: red;}

/* FILTERS */
.filter-field-wrapper{margin-bottom: 5px;}
.filters-container{margin:2px 2px 15px;}
.filters-container::after{clear: both; content: " "; display:block;}
.filters-container ul{margin:2px; padding: 0;}
.filters-container li{float: left; padding: 4px; border: 1px solid #999; border-radius: 7px; list-style: none; margin-right: 6px;}

.btn-group>.btn+.dropdown-toggle{height: 34px;}
.btn-group, .btn-group-vertical {min-width: max-content;}

.bfh-selectbox .bfh-selectbox-options{width: 100%;}
.bfh-selectbox .bfh-selectbox-options ul{max-width: 100% !important;}

.budget-table{}
.budget-col{background: #eee; border: 1px solid #fff;}
.budget-col.current{background: #ccc;}
.budget-col span{display: block; text-align: right;}

.dropdown-menu .dropdown-submenu:hover .dropdown-menu{display: block;}

.legend li{float: left; margin: 20px; list-style: none;}
.legend .legend-square{display: block; width: 20px; height: 20px; float: left; margin-right: 4px;}

tfoot td{font-weight: bold;}

/*.form-group {margin-bottom: 0;}*/
.form-group .progress{margin: 15px;}
input{padding: 5px;}

.work-id{font-size: 13px; color: #999;}
.small-info{font-size: 13px; color: #999;}

#overlay{position: fixed; z-index: 20; width: 100%; height: 100%; display: none; background: rgba(0, 0, 0, 0.6); top: 0;}

td span.label{color: #999; font-size: 14px; font-weight: normal;}

.sticky-bottom-bar{background: #ECF0F5 none repeat scroll 0 0; bottom: 0; left: 0; margin: 0; padding: 5px; position: fixed;
	width: 100%; z-index: 100; margin: 0 !important; box-shadow: 0px 7px 6px 6px #333;}

.col-no-pad{padding: 0;}

td .work-total-hours{color: #999;}

.content-header .links-bar{text-align: right;}
.content-header h1{margin-top: 0;}

.box-header .links-bar{float: right; }

.box:empty{display: none;}

/* TABLE */
.table > thead > tr > th{border-right: 1px solid white;}
.table-section-header, .table-hover>tbody>tr.table-section-header:hover{background: #7DC0E8;}
.table-section-header td{color:#fff;font-weight: 600; font-size: 20px;}
tr.special-row td{font-weight: bold; background: #dce3e8;}
tr.macro-activity-start{border-top: 2px solid green;}
tr.macro-activity-end{border-bottom: 20px solid #FFF;}
tr.row-warning{border-left: 2px solid yellow;}
tr.row-alert{border-left: 2px solid red;}

.link-copy-clipboard{cursor: pointer;}
.input-for-clipboard{width: 30px;}

/* LEFT SIDEBAR */
.main-sidebar{position: fixed; top: 20px;}

/* MAIN SEARCH */
#main-search-wrapper .form-group{width: 400px;}
#main-search-wrapper input{width: 100%; border: 1px solid #74B0D3;}
.ui-autocomplete{z-index: 1000 !important; max-height: 240px; overflow-y: scroll;}
.ui-autocomplete li{padding: 2px 5px; border-bottom: 1px solid #ebebeb !important;}
.ui-autocomplete li:hover, .ui-autocomplete li div.ui-state-active{background: #74B0D3; border-color: #74B0D3;}
.ui-autocomplete li.ui-autocomplete-category{font-weight: bold; padding: 5px; background: #ebebeb;}
.ui-autocomplete .ui-menu-item span{color: #00c0ef;}

/* SELECT2 */
.filter-select{width: 100%;}
.select2-container{max-width: 100%; }
.select2-container--default .select2-selection--single{height: 34px !important; padding-top: 2px;}
.select2-container--open .select2-dropdown--below {z-index: 100000;}

/* SEARCH TOP FORM */
.search-top-form, .filter-top-form{margin: 0 5px;}
.search-top-form .form-group {border: 1px solid #ddd; position: relative;}
.search-top-form button.icon {position: absolute; right: 2px; top: 5px; z-index: 10;}
.search-top-form button.icon i {font-size: 14px;}
.search-top-form .form-control {border: 0 none;}
.daterangepicker-wrapper .search-top-form .form-group{ padding: 0px 4px; background: #fff;}
.daterangepicker-wrapper .daterangepicker{background: #fff; position: static !important; width: 150px !important; display: inline-block; margin: 0 33px 0 0; padding: 0 4px;}

/* FANCYBOX POPUP */
.fancybox-inner .hide-from-popup{display: none;}
.fancybox-slide>*{padding: 5px}

/* Column order */
.col-order-controllers{}
.col-order-controllers a.current{color:#dd00ee;}

/*top timer*/
#top_timer {border-left: 1px solid #357CA5; border-right: 1px solid #357CA5; padding: 10px 5px 14px 10px;}
#top_timer .timer_stop_btn, #top_timer .timer_start_btn, #top_timer .timer_pause_btn{
	font-size: 20px; display: block; padding: 3px 5px; float: left;}
#top_timer .timer_stop_btn{display: none;}
#top_timer .time{display: block; font-size: 17px; float: left; padding-top: 2px;}

/* HISTORY */
#history_wrapper{margin-bottom: 20px;}
.history_events{padding: 15px; font-size: 11px; color: #555;}
.history_event{margin: 5px 0;}
.history_event span{font-weight: 600;}
.history_description{font-weight: 600;}

/* DISCUSSION */
#discussion{}
.discussion-message{padding-left: 30px;}
.discussion-message .row{margin-bottom: 8px;}
.discussion-message.discussion-level_0{border-bottom: 1px solid #ebebeb; margin-bottom: 15px; padding-left: 10px;}
.discussion-message .meta{padding: 5px 0 0; font-size: 13px;}
.discussion-message .message-text{padding: 2px 0 15px; font-size: 15px;}
#discussion textarea{width: 100%; margin-bottom: 5px; padding: 4px;}

/* EXTERNAL CLIENT REPORT*/
#works .dettaglio-attivita{}
#works .dettaglio-attivita li{font-size: 14px; color: #999; padding: 3px 0;}

/* QUOTE */
li.edit-service{list-style: none;}
#services .handle{text-align: left; display: block; height: 50px; width: 50px; background: #ebebeb; cursor: move;}
#services .handle i{line-height: 50px;}
#services .ui-sortable li.col{display: none;}
#services .ui-sortable-helper{height: 30px; opacity: 0.6; overflow: hidden;}
#services .ui-sortable-helper .col{}
#services .service-placeholder{border: 1px dashed #EB8F00; height: 50px; width: 100%;}


/* CSV EXPORT */
#csv-data{display:none;}
#csv-data.popup{display:block; z-index: 30; position: fixed; top: 10%; left: 0; right: 0; margin: 0 auto; width: 800px; max-width: 90%;}
#csv-data.popup textarea{min-height: 400px;}

/* CALENDAR */
table.calendar{border-left:1px solid #ddd; width: 100%; margin: 20px 0;}
tr.calendar-row{}
td.calendar-day{min-height:100px; font-size:11px; position:relative; } * html div.calendar-day { height:80px; }
td.calendar-day:hover{ background:#eceff5; }
td.calendar-day-np{background:#eee; min-height:80px; } 
* html div.calendar-day-np { height:100px; }
td.calendar-day-head{background:#eee; text-align:center; width:120px; 
	padding:5px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; border-right:1px solid #ddd; font-weight: bold; font-size: 11px; text-transform: uppercase;}
div.day-number{padding:5px; color:#999; font-weight:bold; margin:-5px 0 0 -5px; width:20px; text-align:center; }
/* shared */
td.calendar-day, td.calendar-day-np { width:120px; padding:5px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }

td.calendar-day-head.weekday-0, td.calendar-day-head.weekday-6{background: #bbb; width: 40px;}
td.weekday-0, td.weekday-6{width: 40px;}
.cal-event{padding: 3px; background: #E3EAF9; margin-bottom: 2px;}
.cal-event.warning{ background: #fcf499;}
i.warning{color: #ffae00;}

/* LOGIN */
.login-box{border: 1px solid #ebebeb; padding-top: 10px;}

@media (max-width: 500px){
	.hide-from-mobile{display: none;}
	.h1, h1{font-size: 24px;}
	.h2, h2{font-size: 20px;}
	.h3, h3{font-size: 18px;}
	#header{position: fixed; width: 100%; z-index: 100; left: 0; padding: 0;}
	#main-content{padding: 65px 0 0;}
	#navbar-collapse-1{overflow: scroll; height: 400px}
	#top_timer{height: 40px;}
	.navbar-default .navbar-nav > li > a {font-size: 18px;}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a{font-size: 18px; padding-top: 8px;}
	.status-summary label{display: block; font-size: 15px;}
	.status-summary .value{display: inline; font-size: 15px; margin-right: 10px;}

}

.vcenter {
	display: flex;
	align-items: center;
}

/* NOTIFICATIONS */
.wrapper__notify{z-index: 1001;}
.notify__description a{color: white; text-decoration: underline;}

/* STOP LIGHT */
.stop-light{display: inline-block; height: 12px; width: 12px; border-radius: 50%;}
.stop-light.red{background: red;}
.stop-light.yellow{background: #d7ca19;}
.stop-light.green{background: green;}


/* PRODUCT VIEW */
.product-language-row-limited{
	max-height: 240px;
	overflow-y: scroll;
}

/* Tab styling */
.nav-tabs {
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    color: #3c8dbc;
    cursor: pointer;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.tab-pane {
    padding: 15px 0;
}

/* Responsive improvements for product view */
@media (max-width: 767px) {
    .nav-tabs > li {
        float: none;
        margin-bottom: 5px;
    }

    .nav-tabs > li > a {
        margin-right: 0;
        border: 1px solid #ddd;
        border-radius: 4px;
    }

    .nav-tabs > li.active > a {
        border-bottom-color: #ddd;
    }

    .panel-heading h3.panel-title {
        font-size: 16px;
    }

    .panel-body h2 {
        font-size: 20px;
    }
}

/* PRINT */
@media print{
	body{padding-top: 0px;}
	.content-wrapper, .main-footer{margin-left: 0;}
    #header, .top-filter-controllers{display: none;}
    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{
    	padding: 4px;
    }
    a[href]:after {content: none !important;}

    .btn{display: none;}
    #sidebar{display: none;margin:0;}
	.sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer{margin:0 !important;}
	.main-sidebar, aside{display: none;}
    #main-content-wrapper{width: 100% !important;}
    .page_title a, .page_title span{display: none;}
    .hide-from-print{display: none;}
	.main-footer{display: none;}

    .panel-heading{background: #efefef; padding: 5px;}
    .form-control, .control-label{font-size: 8pt; line-height: 1.42857; padding: 6px 12px 0;}
    .form-group {margin-bottom: 10px;}

   	/* WORK */

	#work-sec-activities-pie-charts .col-sm-6{width: 100%;}
	#work-sec-activities-pie-charts .form-control br{display: none;}
   	#work-sec-activities-pie-charts .work_hours_by_people, #work-sec-activities-pie-charts .work_hours_by_category{float: left; width: 30%;}
	#work-sec-activities-pie-charts .piechart{float: left; width: 50%;}
}


ul.no-bullets{
	list-style-type: none;
	padding-left: 18px;
}