/*
 * Base structure
 */
ul.ui-autocomplete.ui-menu {
  z-index: 9999;
}
/* Move down content because we have a fixed navbar that is 50px tall */
body {
	padding-top: 50px;
}

h2.form-signin-heading img { height: 60px }

/* LOGO */
.navbar-brand { padding: 5px 15px 0 15px}
.navbar-brand img { height: 40px }

/*
 * Global add-ons
 */
.sub-header {
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}
.sub-header a.new-cs { color: #2db246 }

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top { border: 0; }
.icon-user { color: #9d9d9d }

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
	display: none;
}

/* Sidebar navigation */
.nav-sidebar {
	margin-right: -21px; /* 20px padding + 1px border */
	margin-bottom: 10px;
	margin-left: -20px;
	padding: 10px 0 10px 10px
}

.nav-sidebar>li>strong { padding: 0 20px; }
.nav-sidebar>li>a { padding: 3px 5px 3px 30px; }

.nav-sidebar>.active>a, .nav-sidebar>.active>a:hover, .nav-sidebar>.active>a:focus {
	color: #fff;
	background-color: #428bca;
}

.nav-spy { padding-bottom: 30px }

/*
 * Main content
 */
.main { padding: 20px; }

.page-content.btnDetailPanelOpen { padding-bottom: 270px }

/*
*	Documenti utili
*/
.padding-30 {
	padding-right: 30px;
}

.search-output {
	overflow: auto;
	max-height: 300px;
	margin-top: 30px;
}

.search-output ul li {
	padding: 2px;
}

/**
* Header
*/
.box-owner { margin-top: 40px; margin-bottom: 5px; }
	
.page-header-box { overflow: hidden; border-bottom: 1px solid #ccc; margin-bottom: 5px; margin-top: 30px;}
.page-header-box h1 { border: 0!important; float: left; margin-top: 0!important }

.page-header-box .menu-header { float: right; }
.page-header-box .menu-header li { display: inline-block; padding-left: 20px; }

/**
* Statistiche
*/
.box-grafico{
	text-align: center;
	font-size: large;
	/*background-color: #f2f0f0;*/
}

/**
* advance search panel
*/
.filter-col{
    padding-left:10px;
    padding-right:10px;
}

.s-panel-container{
	margin-left: 30px;
	margin-right: 30px;
}

.error{
	color : red;
}

/*
* Popup rate
*/
.modal:nth-of-type(even) { z-index: 1042 !important; }
.modal-backdrop.in:nth-of-type(even) { z-index: 1041 !important; }

.main .page-header { margin-top: 0; }
.page-header { margin-top: 20px; margin-bottom: 5px }
.page-abstract { margin-bottom: 20px }

/*
* form invio email
*/
.multiple_emails-container {
	height: 450px;
	overflow-y: scroll;
}

/*
 * Placeholder dashboard ideas
 */
.placeholders {
	margin-bottom: 30px;
	text-align: center;
}

.placeholders h4 {
	margin-bottom: 0;
}

.placeholder {
	margin-bottom: 20px;
}

.placeholder img {
	display: inline-block;
	border-radius: 50%;
}

/*
 * MAIN FORM
 */
.uppercase { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }

/* FORM EXPORT */
.form_export { margin-bottom: 10px }

/* DETTAGLIO STUDENTE */
.trash-panel { display: inline-block; float: right; color: #337ab7 !important }
.color-red { color: red; }
.color-green { color: green;}
.content-right {
	/* text-align: right; */
	float: right;
	margin-left: 20px;
}

/*
 * CONTABILITA
 */
.info-rate { font-size: 1.6em; }
 
.tabella-rate { margin-top: 5px }
.tabella-rate thead td { font-weight: bold; }

.tabella-rate thead tr.first-row td.blue { background: #4a86e8; color: white }
.tabella-rate thead tr.first-row td.orange { background: #ff9900; color: white }

.tabella-rate thead tr.second-row td.blue { background: #cfe2f3; color: #4a86e8 }
.tabella-rate thead tr.second-row td.orange { background: #fff2cc; color: #f90 }

.tabella-rate tbody td.blue { background: #cfe2f3; border-top: 1px solid #b6cde2 }
.tabella-rate tbody td.orange { background: #fff2cc; border-top: 1px solid #e6d6a6 }

.tabella-rate tbody tr:nth-child(odd) td.blue { background: rgb(207,226,243); background: rgba(207,226,243,0.53); }
.tabella-rate tbody tr:nth-child(odd) td.orange { background: rgb(255,242,204); background: rgba(255,242,204,0.53); }

/*
* MODIFICA MASSIVA
*/
.tabella-rate tr.disabled { background: #d1cdcd !important; color: gray }
.table-scroll {
	min-height: 200px;
	overflow-y: scroll;
	height: 200px; 
}

/*
 * TIMELINE
 */
.search-title { margin-top: 25px }
.box-noresult { text-align: center }
.wait { text-align: center; margin-top: 25px }
.operator_text { padding-left: 10px }
.stato_accettazione_text { 
	padding-left: 10px; 
	padding-bottom: 5px;
  	font-weight: bold;
  	color: yellow;
}

.timeline-box {
	padding: 5px;
    margin-top: 15px;
    border-radius: 7px;
    border: 1px solid #eee;
}

.timeline-head {
	background: #f7f7f7;
    padding: 15px 10px;
    border-radius: 7px 7px 0 0;
    margin-bottom: 20px;
}
.timeline-head h3 { margin: 0 }

.timeline-op { text-align: right; font-size: 20px }

.timeline-content { padding: 0 10px; }
.timeliner_element .content { font-size: 18px !important }

/* Dropdown Menu */
.dropbtn:hover, .dropbtn:focus {
    background-color: #2980B9;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 250px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}

/*
*	EDITABLE
*/
.editable-link {
	font-weight : bold;
}

.editable-empty{
	color : red;
}

/*
 * Pannello dettaglio inferiore a comparsa
 */
.bottomDetailPanel {
	position: fixed;
    bottom: -20px;
    left: 250px;
    right: 0;
    background-color: #dedede;
    padding: 10px 10px 0 10px;
	box-shadow: 0 -1px 2px #bbb;
	max-height: 300px;
	overflow: scroll;
	display: none
}
.bottomDetailPanel .panel-heading .closeIcon { display: block; float: right; color: #fff }

/*
 * Tabella dettagli contratto
 */
.rowPayBtn {
	padding-left: 3px;
	cursor: pointer;
}

/*
 * Tabella stile excel
 */
.table.sheet td { border-right: 1px solid #ddd }
.table.sheet>thead>tr>td { background: green; color: #fff }
.table.sheet>tbody>tr.color-a.selected>td { background-color: yellow }
.table.sheet>tbody>tr.color-b.selected>td { background-color: yellow }
.table.sheet>tbody>tr.color-a>td { background-color: #eee }
.table.sheet>tbody>tr:not(.selected):hover td { background-color: #f9f9ef; cursor: pointer }

/*
 * Stato importazione pagamenti
 */
.importResult {
	display: block;
	width: 15px;
	height: 15px;
	border-radius: 15px
}
.importResult.error { background-color: red } /* codice contratto o cod. fiscali non trovati */
.importResult.info { background-color: lightblue } /* nuovo pagamento (l'utente deve stabilire se importare) */
.importResult.ok { background-color: yellowgreen } /* pagamento trovato */
.importResult.warning { background-color: orange } /* pagamento non trovato su excel (ma presente su unigest) */

/*
 * Statistiche pagamenti
 */
.stat-paym {
	display: inline-block;
	margin-right: 15px;
	border-right: 1px solid #eee;
}
.stat-paym .stat-paym-type {
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 15px;
}
.stat-paym.ok .stat-paym-type { background-color: green; }
.stat-paym.info .stat-paym-type { background-color: lightblue; }
.stat-paym.warning .stat-paym-type { background-color: orange; }
.stat-paym.err .stat-paym-type { background-color: red; }

.stat-paym .stat-paym-val { display: inline-block }

/* BREAKPOINT 768 */
@media ( min-width : 768px) {
	.main {
		padding-right: 40px;
		padding-left: 40px;
	}
	
	.mobile-sidebar { display: none }
	
	.sidebar {
		position: fixed;
		top: 51px;
		bottom: 0;
		left: 0;
		z-index: 1000;
		display: block;
		padding: 20px;
		overflow-x: hidden;
		overflow-y: auto;
		/* Scrollable contents if viewport is shorter than content. */
		background-color: #f5f5f5;
		border-right: 1px solid #eee;
	}
	
	/* FORM EXPORT */
	.form_export { text-align: right }
}

@media ( min-width : 992px) {
}

@media ( min-width : 1200px) {
	
	/* MODAL LG */
	.modal-lg { width: 1300px; }
}