/* CSS principale - Missioni*/
/* COLORI:Rosso => #cc0c1e, BLU => #004494 */

/* ---------------- */
/* --- GENERALI --- */
/* ---------------- */

* {font-family:'Maven Pro', sans-serif; font-size:13px;}

body {line-height:1.3em;}
.container.contenuti {margin-bottom:30px;}
.main-container {min-height:400px;}

.highlight {
  background-color: #FC6 !important;
  background-image :none !important;
  color: #ffffff !important;
}

/* TIPOGRAFIA */
a, a:link, a:visited, a:active  {color:#08c; text-decoration:none;}
a:hover {text-decoration:underline; color:#0AF}
a.btn, a.btn:link, a.btn, a.btn:hover, a.btn:visited, a.btn:active  {color:#fff;}
strong {font-weight:600;}
img {border:0px;}
p {margin:15px 0; line-height:18px; color:#262626;}
h1 {font-size:28px; color:#004494; font-weight:600; margin-bottom:15px}
h2 {font-size:22px; color:#333; font-weight:600;}
h3 {font-size:18px; color:#08c; font-weight:600;}
h4 {font-size:16px; color:#262626; font-weight:600;}
blockquote {color:#949494; line-height:18px; font-style:italic; padding-left:20px; border-left:4px solid #eee;}
hr {display:block; width:100%; clear:both; height:0; border-top:1px solid #ddd ; margin:20px 0 10px;}
ul {list-style:disc outside;}
.more { font-size:0.9em; border-bottom:1px dotted #07d; padding:3px 3px !important;
	-webkit-transition:all ease-in-out 0.2s;
	-moz-transition:all ease-in-out 0.2s;
	-o-transition:all ease-in-out 0.2s;
	transition:all ease-in-out 0.2s;
}
.more:hover{ background:#ddd !important; text-decoration:none}
.errore {color:#900}
.titolo-post {margin-top:40px}
.titolo-post a {color:#004494}
.riga-dettaglio {padding-bottom:7px}
.border-btm {border-bottom:1px solid #ccc}
#infoPrivacy p {text-align:justify}
.checked {color:#070}
.bg-orange {background:#da3; color:#fff !important; padding:2px}
.bg-green {background:#070; color:#fff !important; padding:2px}
.bg-blue {background:#39F; color:#fff !important; padding:2px}
.icona-sgru {font-size:1.2em}
.ico-orange {color:#F90 !important}
.chgVlt { cursor:pointer}

/** riquadro info utente **/
#usr_info{
	padding:4px;
	min-width:200px;
	min-height:150px;
	border:1px solid #8796AB;
	background:#BCC5CF;
	opacity:0.85;
	filter:alpha(opacity=85);
	position:absolute;
}
.profilo { cursor:pointer }

/* TABELLE */
table {width:100%; }
thead {color:#fff; background:#98b3d4; font-weight:600;}
thead.grey {color:#fff; background:#AAA; }
thead td {vertical-align:middle;}
tr {border-bottom:1px solid #ddd;}
td .icona {font-size:18px;vertical-align:top}
.tab-titolo {color:#337ab7; font-weight:bold}
.tr-highlight td {background:#FFE9D2}
.td-alert, .td-alert a {color:#c00; font-weight:bold}
.td-bgred { background:#eaa}
.table-responsive {border:0 !important}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {line-height:16px; border:0px;}
.bgwhite td{background:#fff !important}
table.autorizzatori {margin-bottom:4px !important; margin-left:10px !important};
.rbrd td {border-right:1px solid #ddd !important;}
.nomegruppo tr td {cursor:pointer; color:#000 !important;}

/* TABS */
.ui-tabs .ui-tabs-nav {padding:0;}
.ui-tabs  {padding:0; border:0 !important}
.ui-tabs .ui-tabs-panel { padding-left:0}
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-left:-1px}
.ui-widget-header {background:#ccc, border:none}
.tbl-richiesta tr td:nth-child(1){ width:20% !important; }
.ui-widget { font-size:1em !important }


/* ********************** */
/* ELEMENTI BOOTSTRAP --- */
/* ********************** */
.alert, .label, .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a,.pagination > li:last-child > span,
.breadcrumb, .form-control, .btn, .modal-content {border-radius:0px !important;}
.alert p.first {margin-top:0;}
.label {background:#900;  font-weight:600; text-transform:uppercase;}
.modal-content {overflow:hidden;}
.documento {margin-top:30px; border-bottom:1px dotted #aaa}


/* BREADCRUMB */
.breadcrumb {margin-bottom:30px; font-size:0.8em; background:none; border-bottom:1px dashed #ddd}
.breadcrumb > li + li:before {content:"\003e"; color:#777;}
.breadcrumb li a {color:#999}

/* TOGGLE & ACCORDION */
div.toggle {margin-bottom:30px;}
div.toggle ul {list-style:disc outside; color:#262626; padding-top:16px; padding-left:50px; }
a.link-toggle {font-size:16px; font-weight:600;}
a.link-toggle[aria-expanded="true"] {color:#262626;}
a.link-toggle:hover, a.link-toggle[aria-expanded="true"]:hover {text-decoration:none; color:#cc0c1e; }

/* TOOLTIP */
.tooltip {z-index:1000;}
.tooltip {line-height:1.3; }
.tooltip.in {opacity:1;}
.tooltip-inner {max-width:800px; color:#262626; background:#fff; border-radius:0 !important; padding:6px 16px; box-shadow:2px #eee; border:1px solid #ddd; text-align:left; }
.tooltip.top .tooltip-arrow {border-top-color:#ddd; }

/* FORM */
.form-control {outline:0; box-shadow:none !important; height:26px; color:#777;}
.form-modal {margin-bottom:15px;}
select.form-control {margin:0 0; padding:0px 12px; }
textarea.form-control {resize:vertical !important; margin:0px !important;}
.form-horizontal .control-label {text-align:left !important; padding-top:0 !important;}
.form-group.submit {margin:30px 0 20px 0;}
button:hover {cursor:pointer; outline:0 !important}
button:focus {outline:0 !important}
select.form-control {padding:0px 12px; }
label {font-weight:400;}
input[type="file"] {color:#888;}
.radio, .checkbox {margin-top:0;}
.radio label, .checkbox label {display:block;}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {margin-left:0px;}
.btn {background:#08c; color:#fff; padding:4px 12px;}
.btn:hover {background:#262626; color:#fff; transition:all .2s ease-out; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out;}
.figura-ctrl {height:26px; margin-top:10px}
.didascalia {font-weight:bold; font-size:11px; line-height:13px; color:#666; margin-top:10px;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family:'Maven Pro', sans-serif; font-size:1em;}
.sgru-panel {padding:40px 0 10px 0px}
.list-item-richiesta-eliminata { background-color: rgba(255,0,0,0.2); }
.filters-container{ border:0.5px solid #c5c5c5; padding:8px 8px 8px 8px}
.filters-table tr{ border:none }

/* FINESTRE MODALI */
.modal {z-index:1200;}
.modal-content, .modal-footer {text-align:left;}
.modal-header {background:#08c;}
.modal-header .modal-title {color:#fff;}
.modal-header .close {color:#fff; box-shadow:none; opacity:1;}
.modal-body {color:#777;}
.btn-annulla {background:#ccc; border:1px solid #ddd; color:#262626;}
.btn-annulla:hover {background:#eee; color:#262626;}
.modal-large{width:80%;margin:auto;}
.btn-conferma {background:#cc0c1e;}
#error-msg {z-index:9999 !important ;}

/* TESTATA */
.testata  .container {padding:0 15px;}
.testata {padding:10px 0 10px 0;}
.testata-login {padding-top: 20px;}
header .titolo { float:left; padding-left:20px; }
header .titolo h1 {font-size:40px; color:#cc0c1e; font-family:'Athiti', sans-serif; text-shadow:2px 3px 8px #aaa; font-weight:normal}
header .titolo h4 {font-size:20px; color:#cc0c1e; font-family:'Athiti', sans-serif; }

/* FORM RICERCA */
form.cerca {height:50px; padding:21px 10px; margin-bottom:10px; }
form.cerca input {float:left; color:#969696; background:#fff; font-weight:400; height:26px; padding:0 10px; border:1px solid #ddd; cursor:initial; width:80%;}
form.cerca input:focus {box-shadow:none !important; border-color:rgba(82, 168, 236, 0.8); outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);}
form.cerca button {float:right; background:#969696; border:none; color:#fff; padding:4px 8px; text-align:center}
form.cerca button:hover {background:#666; transition:all .2s ease-out; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; }

/* LOGO */
div.logo {float:left;}

/* MENU PRINCIPALE*/
.menu-principale {background:#ebebeb; padding:0px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom:15px;}
.menu-principale .icona {margin-right:10px;}
#cssmenu > ul {padding:0 15px; background:none}

/* FOOTER */
.footer {color:#999; background:#ebebeb; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-top:40px; padding:10px; font-size:0.9em}
.footer a {color:#999;}
.cookie-bar {background:#999; color:#fff; font-size:0.8em; margin:0-auto; text-align:center}
.cookie-bar .btn {font-size:0.8em}
.cookie-bar .btn-info {background:#666;border:none}

/* --------------------------- */
/* CONTENUTI - ELEMENTI COMUNI */
/* --------------------------- */

.sidebar-dx {float:right; padding-right:0; margin-bottom:20px}
.user-info {margin-bottom:30px}

/* PAGINATION */
.pagination {margin:30px 0; border-radius:0px;}
.pagination > li {display:block; float:left; margin-right:10px;}
.pagination > li > a, .pagination > li > span {color:#262626}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {color:#262626}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {background-color:#eeeeee;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus,
.pagination > .active > span:focus {background-color:#666; border-color:#666;}
.pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {cursor:not-allowed}


/* BOX FUNZIONI */
div.testatina {width:100%; height:36px; background:#969696; padding-right:0; padding-left:0; overflow:hidden}
div.icona {width:36px; height:36px; background:#08c; color:#fff; display:inline; float:left; padding:0px 0 0 0; text-align:center;}
div.icona:hover {background:#cc0c1e; transition:all .2s ease-out; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; }
div.icona a {color:#fff; display:block; width:36px; height:36px}
div.icona a:hover {text-decoration:none;}
div.icona a span.icona {display:block; padding-top:12px;}
div.icona span.icona {color:#fff; display:block; padding-top:12px;}
div.icona.menu-box {background:#666;}
div.titolo-box {display:inline; float:left; padding:8px 12px;}
div.titolo-box a,  {font-size:16px; color:#fff; font-weight:600; text-decoration:none;}
div.titolo-box a:hover {color:#eee;}

div.box {line-height:18px; color:#262626; overflow:hidden; padding:12px 10px;}
div.box div.testatina {background:#cc0c1e}
div.box div.testatina div.icona {background:#cc0c1e}
div.box div.titolo-box {font-size:16px; color:#fff; font-weight:600; text-decoration:none;}
div.box a {color:#08c; text-decoration:none;}
div.box .container .contenuti { padding-top:20px}
div.box input[type="text"] {color:#969696; background:#fff; font-weight:400; height:24px; padding:0 10px; border:1px solid #ddd; cursor:initial; width:90%;}
div.box input[type="text"]:focus, div.box select:focus {box-shadow:none !important; border-color:rgba(82, 168, 236, 0.8); outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);}
div.box select {width:90%; border:1px solid #ddd;}
div.box .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {margin-left:-20px;}

div.box div.form-group.select, div.box div.form-group.text {margin-top:30px;}
div.box div.form-group.select label , div.form-group.text label {display:block; clear:both; margin-top:10px;}

.azione {padding-bottom:10px}
.azione .icona {width:18px; vertical-align:top; color:#666;}
.azione a:hover {text-decoration:underline;}


/* --------------------------- */
/* --- DETTAGLIO RICHIESTA --- */
/* --------------------------- */
.header-title-missione-eliminata{
	color:#f44336;
	font-size: 22px;
}

/* EDITOR DI TESTO */
div.editor-testo form {margin:30px 0;}
.mce-tinymce.mce-container.mce-panel {margin-bottom:30px !important}

/* --------------------- */
/* --- MEDIA QUERIES --- */
/* --------------------- */

@media (max-width:600px) {
	header .titolo h1 {font-size:32px;}
	.logo img {width:70%; height:70%}
}

@media (max-width:768px) {
	div.logo-izsve {clear:both;}
}

@media (max-width:800px) {
	#cssmenu ul {background:#ebebeb}
	#cssmenu ul ul li a {color:#666; padding:5px 45px; }
	#cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last > a {padding-bottom:20px; margin-bottom:20px;}
	#cssmenu > ul.open { padding:0 15px 40px 0; }
	#cssmenu > ul.open > li#menu-button > a {color:#666; border-bottom:1px solid rgba(150, 150, 150, 0.1);}
	#cssmenu > ul.open > li#menu-button > a:hover {color:#666;}
	#cssmenu ul.open #menu-button::after, #cssmenu ul.open #menu-button::before {color:#666;}
	#cssmenu #menu-button::before, #cssmenu #menu-button::after {border-top:0px solid !important; border-bottom:2px solid #666 !important}
	#cssmenu ul ul li:last-child > a {border-bottom:0px; padding-bottom:0px; margin-bottom:7px; }
	#cssmenu ul ul li > a {padding-top:10px; padding-bottom:10px;}
	#cssmenu ul ul li:hover > a {border-bottom:0px !important; color:#08c; }
}

@media (min-width:768px) {
	.modal-dialog {width:400px; margin:30px auto;}
	div.editor-testo .modal-dialog {width:600px !important}
}

/* ---------------------------- */
/* ----------- HOME ----------- */
/* ---------------------------- */

.alert-warning h2{ margin-top: 0px; }


/* ----------------- */
/* ------ KPI ------ */
/* ----------------- */
.kpi-tile{
}
.kpi-tile .main-value{
	display: block;
	text-align: center;
	font-size: 40px;
	line-height: initial;
}
.kpi-tile .subtitle{
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: initial;
}

/* --------------------- */
/* --- FORM CORREGGI --- */
/* --------------------- */

@media (min-width:768px) {
	#richiestaFrm.correggi #tabs-1 select,
	#richiestaFrm.correggi #tabs-2 select,
	#richiestaFrm.correggi #tabs-3 select,
	#richiestaFrm.correggi #tabs-6 select
	{
		width:300px;
	}
	#richiestaFrm.correggi #tabs-1 input[type="text"],
	#richiestaFrm.correggi #tabs-1 textarea,
	#richiestaFrm.correggi #tabs-2 input,
	#richiestaFrm.correggi #tabs-2 textarea,
	#richiestaFrm.correggi #tabs-3 input,
	#richiestaFrm.correggi #tabs-3 textarea,
	#richiestaFrm.correggi #tabs-6 input,
	#richiestaFrm.correggi #tabs-6 textarea
	{
		width:300px;
	}
	#richiestaFrm.correggi ul.ui-tabs-nav{
		background:none;
		border:none;
		border-bottom:1px solid #aaa;
		border-bottom-right-radius:0;
	}
	.actionContainer{
		margin-right:120px;
		float:right;
	}
	#richiestaFrm.correggi tr{
		border-bottom:none;
	}
	#richiestaFrm.correggi #tabs-1 td:first-child{
		width:150px;
	}
	#richiestaFrm.correggi .td-x1{
		height:38px;
	}
	#richiestaFrm.correggi .td-x2{
		height:76px;
	}
	#richiestaFrm.correggi .td-x3{
		height:114px;
	}
	#richiestaFrm.correggi .boolean-label{
		width:23px;
		margin-bottom:0;
	}
	#richiestaFrm.correggi [type="radio"]{
		vertical-align:text-bottom;
		width:auto;
	}
	#richiestaFrm.correggi .inline-radio-group-first{
		/*margin-left:114px;*/
	}
	#richiestaFrm.correggi .livello-3, #richiestaFrm.correggi .livello-2{
		margin-top: 18px;
	}
	#richiestaFrm.correggi .halfwidth{
		width:100px;
		margin-right:20px;
	}
	.orario-effettivo-table input{
		width:100px;
	}
	.addOraEff{
  	padding-right: 8em;
	}
	.orario-effettivo-table td{
		width:100px;
	}
	.orario-effettivo-table td{
		padding-top:4px;
		padding-bottom:4px;
		padding-right:4px;
	}
	.orario-effettivo-table{
		/* width:auto; */
	}
	.orario-effettivo-table th{
		/* text-align:center; */
	}
	.orario-effettivo-table td:last-child input{
		width:300px;
	}
	.valign-middle, table > tbody > tr > td.valign-middle{
		vertical-align: middle;
	}
	.text-align-right{
		text-align: right;
    padding-right: 0px;
	}
	#spesesostenute-altrenote
	{
    width: 85%;
	}
	#altre-spese-descrizione-container{
    margin-bottom: 16px;
	}
	.table-head{
		color: #fff;
		background: #98b3d4;
		font-weight: 600;
		font-style: italic;
	}
	#dettaglio-spese-impreviste input
	{
    width: 100%;
	}
	#aggiungi-riga-spese-descrizione{
		margin-top: 16px;
    float: right;
	}
	.tr-placeholder{
		height: 38px;
	}
	.main-container{
		margin-bottom: 16px;
	}
}

/* ---------------------------- */
/* --- FORM NUOVA RICHIESTA --- */
/* ---------------------------- */

@media (min-width:768px) {
	#form-nuova-richiesta select{
		width:300px;
	}
	#form-nuova-richiesta input,textarea{
		/*width:300px;*/
	}
	#form-nuova-richiesta .table td:first-child{
		width:200px;
		font-weight:600;
		/*vertical-align:middle;*/
	}
	#form-nuova-richiesta tr{
		border-bottom:none;
	}
	#form-nuova-richiesta .td-x1{
		height:38px;
	}
	#form-nuova-richiesta .td-x2{
		height:76px;
	}
	#form-nuova-richiesta .td-x3{
		height:114px;
	}
	#form-nuova-richiesta .td-x5{
		height:190px;
	}
	.spese-presunte-table-container, .automezzo-table-container{
		border:1px solid #888;
    border-radius:4px;
    padding:0px 8px 4px 8px;
    margin-bottom:4px;
	}
	#elencoTipologie .tipologia{
		margin:18px 0 0 0;
	}
	#form-nuova-richiesta .only-child{
		width:300px;
	}
	#form-nuova-richiesta .inner-table td:first-child{
		width:auto;
		font-weight:500;
	}
	#form-nuova-richiesta .inner-table{
		width:322px;
	}
	#form-nuova-richiesta .label5{
		width:23px;
		margin-bottom:0;
	}
	#form-nuova-richiesta [type="radio"]{
		vertical-align:text-bottom;
	}
	#form-nuova-richiesta .inline-radio-group-first{
		/*margin-left:114px;*/
	}
	#form-nuova-richiesta .btn{
		margin-left:45px;
	}
	.spese-presunte-table .radio-group-last-label{
    margin-right:30px;
	}
	#form-nuova-richiesta .spese-presunte-table .label1{
		width:60%;
    float:left;
		line-height:22px;
	}
	#form-nuova-richiesta .spese-presunte-table .label2{
		width:40%;
    float:right;
	}
	#form-nuova-richiesta .spese-presunte-table .label3{
		width:auto;
    margin-left:5px;
    line-height:22px;
}
	}
	#form-nuova-richiesta .spese-presunte-table .price-input-container{
	  position:absolute;
	  right:40px;
	}
	#form-nuova-richiesta .spese-presunte-table td.spesep-price{
		width:110px;
	}
	#form-nuova-richiesta .spese-presunte-table tr{
		border-bottom:1px solid #ddd;
		width:100%
	}
	.fullwidth{
		width:100%;
	}
	#form-nuova-richiesta .cdc select{
		margin-top:2px;
		width:100%;
	}
	.cdc div{
		margin-top:8px;
    line-height:22px;
	}
	#form-nuova-richiesta .spese-presunte-table .didascalia{
		margin-top:2.5px;
    float:right;
	}
	#form-nuova-richiesta table, .spese-presunte-table{
		margin-bottom:0;
	}
	#form-nuova-richiesta .spese-presunte-table td:first-child{
		width:230px;
	}
	#form-nuova-richiesta .table-title{
		color:rgb(51,51,51);
	}
	.main-content{
		width:60%;
		margin-left:auto;
		margin-right:auto;
		float:none;
	}
	#form-nuova-richiesta .spese-presunte-table tr.spese-presunte-last{
		border-bottom:0;
	}

  .success:hover {
      color: #449d44;
      border-color: #398439;
  }
  .new-element-button {
      font-size: 28px;
  }
  .new-element-label {
      font-size: 16px;
      margin-left: 7px;
      position: relative;
      bottom: 5px;
  }
  .success {
      color: #5cb85c;
      border-color: #4cae4c;
  }

.permessi-list > tbody > tr{
  background: #98b3d4;
  font-weight: 600;
}
.permessi-list > tbody > tr:hover{
  background: #98b3d4;
}
.permessi-list > tbody > tr a{
  color: #000;
}
.permesso-btn > td{
  text-transform: capitalize;
  cursor:pointer;
}
.permessi-list > tbody > tr.permesso-active{
  background-color:#a6a6a6;
  color:#fff
}
.ui-front{
  z-index: 1200 !important
}

/* ---------------- */
/* --- PERMESSI --- */
/* ---------------- */

.permesso-details{
    float:right;
    color: #ffffff;
}


/* ---------------- */
/* --- DETTAGLI --- */
/* ---------------- */
.danger{
  color: #d9534f;
}
.nopadding{
  padding: 0 !important;
  margin: 0 !important;
}
.bootstrap-filestyle label[disabled]{
  background-color: #ccc;
}

/* ---------------------------------------- */
/* --- nascondi funzioni giustificativi --- */
/* ---------------------------------------- */
table td.giustificativi{
  display: none;
}
#cssmenu ul li.giustificativi{
  display: none;
}